/* ============================================================
   Color — Material 3 semantic aliases (md.sys.color.*)
   ------------------------------------------------------------
   The full tonal color system, all theme modes and the dynamic
   Material You palettes live in fig-tokens.css as --schemes-* and
   related tokens. Here we alias them to the canonical md.sys.color.*
   names components reference, so retheming (or Material You dynamic
   color) only needs the underlying --schemes-* set swapped.
   ============================================================ */

:root {
  --md-sys-color-primary: var(--schemes-primary);
  --md-sys-color-on-primary: var(--schemes-on-primary);
  --md-sys-color-primary-container: var(--schemes-primary-container);
  --md-sys-color-on-primary-container: var(--schemes-on-primary-container);
  --md-sys-color-primary-fixed: var(--schemes-primary-fixed);
  --md-sys-color-primary-fixed-dim: var(--schemes-primary-fixed-dim);
  --md-sys-color-on-primary-fixed: var(--schemes-on-primary-fixed);
  --md-sys-color-on-primary-fixed-variant: var(--schemes-on-primary-fixed-variant);

  --md-sys-color-secondary: var(--schemes-secondary);
  --md-sys-color-on-secondary: var(--schemes-on-secondary);
  --md-sys-color-secondary-container: var(--schemes-secondary-container);
  --md-sys-color-on-secondary-container: var(--schemes-on-secondary-container);
  --md-sys-color-secondary-fixed: var(--schemes-secondary-fixed);
  --md-sys-color-secondary-fixed-dim: var(--schemes-secondary-fixed-dim);
  --md-sys-color-on-secondary-fixed: var(--schemes-on-secondary-fixed);
  --md-sys-color-on-secondary-fixed-variant: var(--schemes-on-secondary-fixed-variant);

  --md-sys-color-tertiary: var(--schemes-tertiary);
  --md-sys-color-on-tertiary: var(--schemes-on-tertiary);
  --md-sys-color-tertiary-container: var(--schemes-tertiary-container);
  --md-sys-color-on-tertiary-container: var(--schemes-on-tertiary-container);
  --md-sys-color-tertiary-fixed: var(--schemes-tertiary-fixed);
  --md-sys-color-tertiary-fixed-dim: var(--schemes-tertiary-fixed-dim);
  --md-sys-color-on-tertiary-fixed: var(--schemes-on-tertiary-fixed);
  --md-sys-color-on-tertiary-fixed-variant: var(--schemes-on-tertiary-fixed-variant);

  --md-sys-color-error: var(--schemes-error);
  --md-sys-color-on-error: var(--schemes-on-error);
  --md-sys-color-error-container: var(--schemes-error-container);
  --md-sys-color-on-error-container: var(--schemes-on-error-container);

  --md-sys-color-surface: var(--schemes-surface);
  --md-sys-color-on-surface: var(--schemes-on-surface);
  --md-sys-color-on-surface-variant: var(--schemes-on-surface-variant);
  --md-sys-color-surface-variant: var(--schemes-surface-variant);
  --md-sys-color-surface-dim: var(--schemes-surface-dim);
  --md-sys-color-surface-bright: var(--schemes-surface-bright);
  --md-sys-color-surface-container-lowest: var(--schemes-surface-container-lowest);
  --md-sys-color-surface-container-low: var(--schemes-surface-container-low);
  --md-sys-color-surface-container: var(--schemes-surface-container);
  --md-sys-color-surface-container-high: var(--schemes-surface-container-high);
  --md-sys-color-surface-container-highest: var(--schemes-surface-container-highest);
  --md-sys-color-surface-tint: var(--schemes-surface-tint);

  --md-sys-color-background: var(--schemes-background);
  --md-sys-color-on-background: var(--schemes-on-background);

  --md-sys-color-outline: var(--schemes-outline);
  --md-sys-color-outline-variant: var(--schemes-outline-variant);

  --md-sys-color-inverse-surface: var(--schemes-inverse-surface);
  --md-sys-color-inverse-on-surface: var(--schemes-inverse-on-surface);
  --md-sys-color-inverse-primary: var(--schemes-inverse-primary);

  --md-sys-color-scrim: var(--schemes-scrim);
}

/* Dark theme: opt in with class="md-theme-dark" or [data-md-theme="dark"]
   on any container. Values mirror the M3 baseline dark scheme. */
.md-theme-dark,
[data-md-theme="dark"] {
  --schemes-primary: rgb(208,188,255);
  --schemes-on-primary: rgb(56,30,114);
  --schemes-primary-container: rgb(79,55,139);
  --schemes-on-primary-container: rgb(234,221,255);
  --schemes-secondary: rgb(204,194,220);
  --schemes-on-secondary: rgb(51,45,65);
  --schemes-secondary-container: rgb(74,68,88);
  --schemes-on-secondary-container: rgb(232,222,248);
  --schemes-tertiary: rgb(239,184,200);
  --schemes-on-tertiary: rgb(73,37,50);
  --schemes-tertiary-container: rgb(99,59,72);
  --schemes-on-tertiary-container: rgb(255,216,228);
  --schemes-error: rgb(242,184,181);
  --schemes-on-error: rgb(96,20,16);
  --schemes-error-container: rgb(140,29,24);
  --schemes-on-error-container: rgb(249,222,220);
  --schemes-background: rgb(20,18,24);
  --schemes-on-background: rgb(230,224,233);
  --schemes-surface: rgb(20,18,24);
  --schemes-on-surface: rgb(230,224,233);
  --schemes-on-surface-variant: rgb(202,196,208);
  --schemes-surface-variant: rgb(73,69,79);
  --schemes-surface-dim: rgb(20,18,24);
  --schemes-surface-bright: rgb(59,56,62);
  --schemes-surface-container-lowest: rgb(15,13,19);
  --schemes-surface-container-low: rgb(29,27,32);
  --schemes-surface-container: rgb(33,31,38);
  --schemes-surface-container-high: rgb(43,41,48);
  --schemes-surface-container-highest: rgb(54,52,59);
  --schemes-surface-tint: rgb(208,188,255);
  --schemes-outline: rgb(147,143,153);
  --schemes-outline-variant: rgb(73,69,79);
  --schemes-inverse-surface: rgb(230,224,233);
  --schemes-inverse-on-surface: rgb(50,47,53);
  --schemes-inverse-primary: rgb(103,80,164);
}