/**
 * Base-tier design tokens, extracted from Sass source of truth:
 * src/stories/global/_variables.scss
 *
 * Scope: only $variables actually referenced by the base/layout-tier Sass
 * partials (_reboot.scss, _containers.scss, _grid.scss, _global.scss,
 * _typography.scss, _fonts.scss, data-table-mixin.scss). Component-only
 * variables are intentionally out of scope for this task; they are
 * resolved when each component is converted in a later phase.
 *
 * Naming convention: --site-<kebab-case-name>, derived directly from the
 * original Sass variable name (e.g. $primary-color -> --site-primary-color).
 * Sass maps ($grid-breakpoints, $container-max-widths) are decomposed into
 * one custom property per map key, named --site-<map-name>-<key>.
 *
 * Each property cites its source line in _variables.scss so the value can
 * be re-verified without re-deriving. This file is a pure data extraction;
 * it introduces no new visual behavior.
 */

:root {

  /* ---------------------------------------------------------------------
   * Grid breakpoints ($grid-breakpoints map)
   * _variables.scss:349-356
   * --------------------------------------------------------------------- */
  --site-grid-breakpoints-xs: 0; /* _variables.scss:350 */
  --site-grid-breakpoints-sm: 576px; /* _variables.scss:351 */
  --site-grid-breakpoints-md: 768px; /* _variables.scss:352 */
  --site-grid-breakpoints-lg: 992px; /* _variables.scss:353 */
  --site-grid-breakpoints-xl: 1200px; /* _variables.scss:354 */
  --site-grid-breakpoints-xxl: 1400px; /* _variables.scss:355 */

  /* ---------------------------------------------------------------------
   * Grid columns / gutters
   * --------------------------------------------------------------------- */
  --site-grid-columns: 12; /* _variables.scss:383 */
  --site-grid-gutter-width: 16px; /* _variables.scss:384 */
  --site-grid-gutter-width-sm: 24px; /* _variables.scss:388 */
  --site-grid-gutter-width-md: 24px; /* _variables.scss:389 */
  --site-grid-gutter-width-xl: 32px; /* _variables.scss:390 */
  --site-grid-gutter-width-xxl: 48px; /* _variables.scss:391 */

  /* ---------------------------------------------------------------------
   * Container max-widths ($container-max-widths map)
   * _variables.scss:368-374
   * --------------------------------------------------------------------- */
  --site-container-max-widths-sm: 540px; /* _variables.scss:369 */
  --site-container-max-widths-md: 720px; /* _variables.scss:370 */
  --site-container-max-widths-lg: 960px; /* _variables.scss:371 */
  --site-container-max-widths-xl: 1140px; /* _variables.scss:372 */
  --site-container-max-widths-xxl: 1320px; /* _variables.scss:373 */

  /* ---------------------------------------------------------------------
   * Container margins / fluid max-width (Lehigh_coe custom)
   * --------------------------------------------------------------------- */
  --site-container-margin-default: 24px; /* _variables.scss:394 */
  --site-container-margin-lg: 32px; /* _variables.scss:395 */
  --site-container-margin-xl: 48px; /* _variables.scss:396 */
  --site-container-margin-xxl: 96px; /* _variables.scss:397 */
  --site-container-fluid-max-width: 1668px; /* _variables.scss:400 */

  /* ---------------------------------------------------------------------
   * Border radius
   * --------------------------------------------------------------------- */
  --site-border-radius-sm: 0.25rem; /* _variables.scss:429 */

  /* ---------------------------------------------------------------------
   * Fonts / typography
   * --------------------------------------------------------------------- */
  --site-font-family-sans-serif: DopisRegular, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* _variables.scss:485 */
  /* $font-family-code: var(--#{$prefix}font-monospace); $prefix resolves to
     "bs-" (see --site-prefix below), so this is Bootstrap's own runtime
     custom property, already valid CSS as-is. */
  --site-font-family-code: var(--bs-font-monospace); /* _variables.scss:490 */

  --site-font-weight-normal: 400; /* _variables.scss:504 */
  --site-font-weight-medium: 500; /* _variables.scss:505 */
  --site-font-weight-semibold: 600; /* _variables.scss:506 */
  --site-font-weight-bold: 700; /* _variables.scss:507 */
  --site-font-weight-bolder: bolder; /* _variables.scss:508 */

  --site-line-height-base: 1.6; /* _variables.scss:512 */

  --site-small-font-size: 0.875em; /* _variables.scss:576 */
  --site-sub-sup-font-size: 0.75em; /* _variables.scss:578 */

  /* $code-font-size: $small-font-size */
  --site-code-font-size: 0.875em; /* _variables.scss:1389 -> chain: _variables.scss:576 */

  /* $dt-font-weight: $font-weight-bold */
  --site-dt-font-weight: 700; /* _variables.scss:609 -> chain: _variables.scss:507 */

  /* ---------------------------------------------------------------------
   * Links
   * --------------------------------------------------------------------- */
  /* _variables.scss:318 -> _variables.scss:82 ($spring-violet) */
  --site-link-color: #5e74ee;
  /* _variables.scss:321 -> _variables.scss:83 ($night-sky) */
  --site-link-hover-color: #12354c;
  --site-link-decoration: none; /* _variables.scss:319 */
  --site-link-hover-decoration: underline; /* _variables.scss:322 */

  /* ---------------------------------------------------------------------
   * Spacer
   * --------------------------------------------------------------------- */
  --site-spacer: 1rem; /* _variables.scss:252 */

  /* ---------------------------------------------------------------------
   * hr
   * --------------------------------------------------------------------- */
  /* $hr-margin-y: $spacer */
  --site-hr-margin-y: 1rem; /* _variables.scss:589 -> chain: _variables.scss:252 */
  /* $hr-color: $lehigh-grey */
  --site-hr-color: #d0cac2; /* _variables.scss:590 -> chain: _variables.scss:61 */
  /* $hr-border-width: $border-width */
  --site-hr-border-width: 1px; /* _variables.scss:598 -> chain: _variables.scss:412 */
  /* $hr-border-color: null !default. Sass `null` in `border-top: $hr-border-width
     solid $hr-border-color;` drops the token from the shorthand list, and the
     CSS initial value of border-color is already `currentcolor` -- identical
     rendered result, so `currentColor` is used here rather than a guessed color. */
  --site-hr-border-color: currentColor; /* _variables.scss:597 (Sass null; see comment) */
  --site-hr-opacity: 0.5; /* _variables.scss:599 */

  /* ---------------------------------------------------------------------
   * legend
   * --------------------------------------------------------------------- */
  --site-legend-margin-bottom: 0.5rem; /* _variables.scss:605 */
  --site-legend-font-size: 1.5rem; /* _variables.scss:606 */
  /* $legend-font-weight: null !default. `font-weight` is an inherited CSS
     property, so omitting the declaration (Sass null) is equivalent to
     `font-weight: inherit;` -- not a guess, a documented CSS-inheritance
     equivalence. */
  --site-legend-font-weight: inherit; /* _variables.scss:607 (Sass null; see comment) */

  /* ---------------------------------------------------------------------
   * mark
   * --------------------------------------------------------------------- */
  --site-mark-padding: 0.1875em; /* _variables.scss:613 */

  /* ---------------------------------------------------------------------
   * Tables
   * --------------------------------------------------------------------- */
  --site-table-cell-padding-y: 0.5rem; /* _variables.scss:624 */
  /* _variables.scss:635 — $table-th-font-weight is null in Sass, meaning no
     font-weight declaration is emitted on `th` at all. Do NOT set this to
     `inherit` — <th> has a browser UA-stylesheet default of font-weight:
     bold, and omitting any declaration is what preserves that bold styling
     today. When converting _reboot.scss's `th` rule to plain CSS, omit the
     font-weight property entirely; do not consume this custom property. */
  --site-table-th-font-weight: unset; /* _variables.scss:635 (Sass null; see comment) */
  /* $table-caption-color: $text-body-secondary -> $gray-600 */
  --site-table-caption-color: #6c757d; /* _variables.scss:658 -> chain: _variables.scss:580 -> chain: _variables.scss:15 */

  /* ---------------------------------------------------------------------
   * Code / kbd / pre
   * --------------------------------------------------------------------- */
  --site-kbd-padding-y: 0.1875rem; /* _variables.scss:1392 */
  --site-kbd-padding-x: 0.375rem; /* _variables.scss:1393 */
  /* $kbd-font-size: $code-font-size -> $small-font-size */
  --site-kbd-font-size: 0.875em; /* _variables.scss:1394 -> chain: _variables.scss:1389 -> chain: _variables.scss:576 */
  /* $kbd-color: var(--#{$prefix}body-bg); $prefix resolves to "bs-". */
  --site-kbd-color: var(--bs-body-bg); /* _variables.scss:1395 */
  /* $kbd-bg: var(--#{$prefix}body-color); $prefix resolves to "bs-". */
  --site-kbd-bg: var(--bs-body-color); /* _variables.scss:1396 */
  /* $nested-kbd-font-weight: null !default. Same font-weight/inherit
     reasoning as $legend-font-weight above. */
  --site-nested-kbd-font-weight: inherit; /* _variables.scss:1397 (Sass null; see comment) */
  /* $pre-color: null !default. `color` is an inherited CSS property, so
     omitting the declaration (Sass null) is equivalent to `color: inherit;`. */
  --site-pre-color: inherit; /* _variables.scss:1399 (Sass null; see comment) */

  /* ---------------------------------------------------------------------
   * Forms
   * --------------------------------------------------------------------- */
  --site-form-label-font-size: 1rem; /* _variables.scss:773 */
  /* $form-label-font-weight: $font-weight-normal */
  --site-form-label-font-weight: 400; /* _variables.scss:775 -> chain: _variables.scss:504 */

  /* ---------------------------------------------------------------------
   * Base color(s) referenced directly by base-tier files
   * --------------------------------------------------------------------- */
  /* $white: #fff !default (line 9), reassigned to the same literal value
     #fff at line 108 with no !default -- both resolve to the same color. */
  --site-white: #fff; /* _variables.scss:9, reassigned (same value): _variables.scss:108 */

  /* ---------------------------------------------------------------------
   * Feature flags (compile-time Sass @if gates, not runtime CSS values)
   * These control which blocks of _grid.scss / _containers.scss / _reboot.scss
   * were compiled into the current output. They are recorded here for
   * completeness/audit (Step 4) and so later conversion tasks know which
   * branches were active; they are not intended to be consumed via var()
   * in any actual declaration.
   * --------------------------------------------------------------------- */
  --site-enable-grid-classes: true; /* _variables.scss:217 */
  --site-enable-container-classes: true; /* _variables.scss:218 */
  --site-enable-cssgrid: false; /* _variables.scss:219 */
  --site-enable-button-pointers: true; /* _variables.scss:220 */

  /* ---------------------------------------------------------------------
   * Bootstrap CSS-variable namespace prefix
   * $prefix is used only for Sass string interpolation into Bootstrap's own
   * `--#{$prefix}xxx` custom-property names (e.g. --bs-body-color above);
   * it is not itself substituted into a CSS value anywhere. Recorded here
   * for completeness/audit (Step 4).
   * --------------------------------------------------------------------- */
  --site-prefix: "bs-"; /* _variables.scss:233 -> chain: _variables.scss:232 */
}