:root {
  color-scheme: dark light;
  --ms-blue-rgb: 59 130 246; --ms-cyan-rgb: 34 211 238; --ms-violet-rgb: 139 92 246; --ms-magenta-rgb: 217 0 151; --ms-green-rgb: 52 211 153;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --container: 1240px; --container-wide: 1440px; --container-narrow: 860px;
  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem; --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem; --space-12: 3rem; --space-16: 4rem; --space-20: 5rem; --space-24: 6rem;
  --radius-sm: 10px; --radius-md: 14px; --radius-lg: 18px; --radius-xl: 22px; --radius-2xl: 28px;
  --ease: cubic-bezier(.2,.8,.2,1); --fast: 180ms; --normal: 320ms; --slow: 500ms;
}
html[data-theme="dark"] { --bg:#07101f; --bg-2:#091425; --surface:#0b1729; --surface-2:#0e1c31; --surface-translucent:rgba(9,20,37,.82); --text:#edf5ff; --muted:#91a4bd; --subtle:#647a96; --border:#1c3048; --border-strong:#294766; --shadow:0 28px 90px rgba(0,0,0,.30); --header:rgba(7,16,31,.78); --soft:rgba(148,163,184,.035); }
html[data-theme="light"] { --bg:#f5f8fc; --bg-2:#edf3f9; --surface:#ffffff; --surface-2:#f8fafc; --surface-translucent:rgba(255,255,255,.84); --text:#102033; --muted:#5c7088; --subtle:#7e8fa4; --border:#d9e2ed; --border-strong:#c7d4e2; --shadow:0 28px 80px rgba(20,42,70,.11); --header:rgba(248,251,255,.82); --soft:rgba(37,99,235,.035); }