/* ============================================================================
   GT Design Tokens — semantic, role-named CSS custom properties.
   ============================================================================

   Georgia Tech course data service token layer. All values are SEMANTIC
   (role-named: surface / fg / accent / status), never raw value-named
   (`--gt-gold`, `--gt-navy`, etc.). Components consume ONLY these tokens.

   Light theme is the default. Dark theme is applied via
   `@media (prefers-color-scheme: dark)` by re-declaring the SAME token names
   with dark values — no component ever branches on theme.

   Reference palette (GT brand):
     Diploma cream #F9F6E5 · Navy #051E39 · Gold #B39051 · Dark gold #886a36
   ============================================================================ */

:root {
  color-scheme: light dark;

  /* Surfaces */
  --gt-surface-default: #F9F6E5;  /* Diploma cream */
  --gt-surface-card: #FFFFFF;
  --gt-surface-chrome: #051E39;   /* Navy */
  --gt-surface-border: #E0D9C3;

  /* Foreground */
  --gt-fg-default: #051E39;
  --gt-fg-muted: #886a36;
  --gt-fg-on-chrome: #F9F6E5;
  --gt-fg-on-accent: #FFFFFF;

  /* Accent */
  --gt-accent-action: #886a36;    /* Dark gold */
  --gt-accent-brand: #B39051;     /* Gold */

  /* Status */
  --gt-status-success: #2E5339;
  --gt-status-alert: #A6231B;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* Surfaces */
    --gt-surface-default: #041527;
    --gt-surface-card: #0A2440;
    --gt-surface-chrome: #041527;
    --gt-surface-border: #16324E;

    /* Foreground */
    --gt-fg-default: #F9F6E5;
    --gt-fg-muted: #B39051;
    --gt-fg-on-chrome: #F9F6E5;
    --gt-fg-on-accent: #041527;

    /* Accent */
    --gt-accent-action: #B39051;
    --gt-accent-brand: #B39051;

    /* Status */
    --gt-status-success: #7FC49A;
    --gt-status-alert: #E07A73;
  }
}