:root {
  --surface-bg: #0b0e12;
  --surface-card: #121820;
  --surface-card-strong: #18212b;
  --surface-control: #1b2531;
  --edge-soft: rgba(255,255,255,.10);
  --edge-strong: rgba(255,255,255,.20);
  --text-primary: #f4f7fa;
  --text-secondary: #9eabb8;
  --status-ready: #70d6a0;
  --status-starting: #d7b66c;
  --status-error: #ef7f7f;
  --accent-primary: #9eb9d6;
  --radius-card: 18px;
  --radius-control: 14px;
  --space-1: 8px;
  --space-2: 12px;
  --space-3: 18px;
  --space-4: 24px;
  --motion-fast: 120ms;
  --motion-normal: 180ms;
  --touch-minimum: 44px;
  --material-blur: 16px;
  --material-saturation: 1.08;
}

html[data-theme-id="teon.core"][data-effective-theme-mode="light"] {
  --surface-bg: #eef3f7;
  --surface-card: #ffffff;
  --surface-card-strong: #e7edf2;
  --surface-control: #dfe8ef;
  --edge-soft: rgba(21,31,40,.12);
  --edge-strong: rgba(21,31,40,.24);
  --text-primary: #15202a;
  --text-secondary: #5e6b76;
  --status-ready: #287a50;
  --status-starting: #8f6517;
  --status-error: #ad3636;
  --accent-primary: #476f96;
}

html[data-theme-id="emperor.black"][data-effective-theme-mode="dark"] {
  --surface-bg: #0b0805;
  --surface-card: #15100b;
  --surface-card-strong: #1d160e;
  --surface-control: #241a0f;
  --edge-soft: rgba(223,190,118,.16);
  --edge-strong: rgba(223,190,118,.34);
  --text-primary: #f4f7fa;
  --text-secondary: #9eabb8;
  --status-ready: #70d6a0;
  --status-starting: #d7b66c;
  --status-error: #ef7f7f;
  --accent-primary: #d9bd7a;
}

html[data-theme-id="emperor.black"][data-effective-theme-mode="light"] {
  --surface-bg: #f3eee3;
  --surface-card: #fffaf0;
  --surface-card-strong: #eee3cf;
  --surface-control: #e8dcc5;
  --edge-soft: rgba(91,65,31,.15);
  --edge-strong: rgba(91,65,31,.30);
  --text-primary: #15202a;
  --text-secondary: #5e6b76;
  --status-ready: #287a50;
  --status-starting: #8f6517;
  --status-error: #ad3636;
  --accent-primary: #8b682d;
}

html[data-theme-id="emperor.white"][data-effective-theme-mode="dark"] {
  --surface-bg: #171716;
  --surface-card: #22211f;
  --surface-card-strong: #2b2925;
  --surface-control: #302e29;
  --edge-soft: rgba(255,255,255,.10);
  --edge-strong: rgba(255,255,255,.20);
  --text-primary: #f4f7fa;
  --text-secondary: #9eabb8;
  --status-ready: #70d6a0;
  --status-starting: #d7b66c;
  --status-error: #ef7f7f;
  --accent-primary: #e1c98d;
}

html[data-theme-id="emperor.white"][data-effective-theme-mode="light"] {
  --surface-bg: #fbf8f0;
  --surface-card: #fffdf8;
  --surface-card-strong: #f1eadc;
  --surface-control: #eee5d4;
  --edge-soft: rgba(125,102,59,.14);
  --edge-strong: rgba(125,102,59,.28);
  --text-primary: #26231e;
  --text-secondary: #746b5b;
  --status-ready: #287a50;
  --status-starting: #8f6517;
  --status-error: #ad3636;
  --accent-primary: #b69243;
}

html[data-theme-id="emperor.silver"][data-effective-theme-mode="dark"] {
  --surface-bg: #0d1117;
  --surface-card: #151b23;
  --surface-card-strong: #1d2630;
  --surface-control: #222d39;
  --edge-soft: rgba(221,232,244,.14);
  --edge-strong: rgba(221,232,244,.30);
  --text-primary: #f4f7fa;
  --text-secondary: #9eabb8;
  --status-ready: #70d6a0;
  --status-starting: #d7b66c;
  --status-error: #ef7f7f;
  --accent-primary: #c7d7e8;
}

html[data-theme-id="emperor.silver"][data-effective-theme-mode="light"] {
  --surface-bg: #edf2f7;
  --surface-card: #fdfefe;
  --surface-card-strong: #e3e9f0;
  --surface-control: #dce4ed;
  --edge-soft: rgba(50,67,86,.13);
  --edge-strong: rgba(50,67,86,.27);
  --text-primary: #1b2632;
  --text-secondary: #617181;
  --status-ready: #287a50;
  --status-starting: #8f6517;
  --status-error: #ad3636;
  --accent-primary: #7799b9;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-fast: 0ms;
    --motion-normal: 0ms;
  }
}