/* Dark is the fallback; an explicit light system preference selects the ivory palette. */
:root {
  color-scheme: dark;
  --ms-bg: #101613;
  --ms-card: #18201c;
  --bg-950: #0c110e;
  --text-100: #f3f5ee;
  --text-300: #a7b0a7;
  --muted-500: #909c92;
  --stroke-700: rgba(224,235,223,.13);
  --primary: #82aaff;
  --primary-600: #9fbdff;
  --primary-700: #bad0ff;
  --surface-soft: #202b24;
  --header-bg: rgba(16,22,19,.94);
  --glass: rgba(24,32,28,.86);
  --grid-line: #e3ece208;
  --status: #8ebd9a;
  --status-soft: #8ebd9a16;
  --icon-blue-bg: #1d2c46;
  --green: #94be9f;
  --green-soft: #1d3226;
  --gold: #d4ba88;
  --gold-soft: #322d22;
  --showcase-bg: #141e18;
  --demo-toolbar: #1c271f;
  --demo-subtle: #151e18;
  --success: #9bcca8;
  --success-bg: #203429;
  --pending: #dfbd7b;
  --pending-bg: #342e20;
  --portrait-border: #ffffff18;
  --emblem-slate: #464B56;
  --emblem-shadow: #000000;
  --scrollbar: #4b584e;
  --selection-bg: #2a4673;
  --selection-text: #ffffff;
  --error-text: #ffb4ad;
  --error-bg: #321e1c;
  --error-border: rgba(255,180,173,.25);
  --warning: #edbe69;
  --error: #ff9b91;
  --ms-blue: #275df5;
  --ms-cyan: var(--primary);
  --ms-purple: #8e83d7;
  --ms-pink: #cb86aa;
  --action: #275df5;
  --action-hover: #214fd2;
  --bg-900: var(--ms-bg);
  --panel-900: var(--ms-card);
  --glow: rgba(39,93,245,.16);
  --font-sans: var(--font-inter);
  --font-display: var(--font-space-grotesk);
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --ms-bg: #f7f7f2;
    --ms-card: #ffffff;
    --bg-950: #f0f1eb;
    --text-100: #17201d;
    --text-300: #656b65;
    --muted-500: #69716b;
    --stroke-700: rgba(23,32,29,.12);
    --primary: #275df5;
    --primary-600: #214fd2;
    --primary-700: #193da6;
    --surface-soft: #ebeee7;
    --header-bg: rgba(247,247,242,.94);
    --glass: rgba(255,255,255,.79);
    --grid-line: #17201d06;
    --status: #367c52;
    --status-soft: #367c520d;
    --icon-blue-bg: #edf2ff;
    --green: #397457;
    --green-soft: #edf3ee;
    --gold: #786449;
    --gold-soft: #f4f0e8;
    --showcase-bg: #eaf0e9;
    --demo-toolbar: #fbfcfa;
    --demo-subtle: #f9fbf8;
    --success: #326347;
    --success-bg: #e5f2e9;
    --pending: #89723e;
    --pending-bg: #f4eedf;
    --portrait-border: #ffffff85;
    --emblem-slate: #1F2937;
    --emblem-shadow: #142d5c;
    --scrollbar: #c5cac0;
    --selection-bg: #d7e3ff;
    --selection-text: #17201d;
    --error-text: #942e28;
    --error-bg: #fff5f3;
    --error-border: #ebc9c7;
    --warning: #8c5a09;
    --error: #b91c1c;
  }
}
/* Temporary, shareable previews; ordinary URLs always follow the system. */
:root[data-theme="light"] {
  color-scheme: light;
  --ms-bg: #f7f7f2;
  --ms-card: #ffffff;
  --bg-950: #f0f1eb;
  --text-100: #17201d;
  --text-300: #656b65;
  --muted-500: #69716b;
  --stroke-700: rgba(23,32,29,.12);
  --primary: #275df5;
  --primary-600: #214fd2;
  --primary-700: #193da6;
  --surface-soft: #ebeee7;
  --header-bg: rgba(247,247,242,.94);
  --glass: rgba(255,255,255,.79);
  --grid-line: #17201d06;
  --status: #367c52;
  --status-soft: #367c520d;
  --icon-blue-bg: #edf2ff;
  --green: #397457;
  --green-soft: #edf3ee;
  --gold: #786449;
  --gold-soft: #f4f0e8;
  --showcase-bg: #eaf0e9;
  --demo-toolbar: #fbfcfa;
  --demo-subtle: #f9fbf8;
  --success: #326347;
  --success-bg: #e5f2e9;
  --pending: #89723e;
  --pending-bg: #f4eedf;
  --portrait-border: #ffffff85;
  --emblem-slate: #1F2937;
  --emblem-shadow: #142d5c;
  --scrollbar: #c5cac0;
  --selection-bg: #d7e3ff;
  --selection-text: #17201d;
  --error-text: #942e28;
  --error-bg: #fff5f3;
  --error-border: #ebc9c7;
  --warning: #8c5a09;
  --error: #b91c1c;
}