:root {
  color-scheme: light;
  --font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --bg: #f5f7fb;
  --bg-glow: rgba(151, 190, 255, .28);
  --surface-panel: rgba(255, 255, 255, .58);
  --surface-control: rgba(255, 255, 255, .76);
  --surface-icon-glass: rgba(255, 255, 255, .24);
  --surface-modal: rgba(255, 255, 255, .88);
  --text-strong: #182336;
  --text: #33415a;
  --text-muted: #71809a;
  --border: rgba(119, 143, 179, .22);
  --border-strong: rgba(86, 133, 208, .48);
  --accent: #3978d8;
  --accent-strong: #245fbd;
  --accent-soft: rgba(73, 134, 224, .15);
  --danger: #cc5363;
  --success: #2e9c78;
  --shadow-panel: 0 20px 54px rgba(53, 86, 139, .10);
  --shadow-control: 0 8px 24px rgba(59, 96, 151, .10);
  --shadow-icon-glass: 0 8px 20px rgba(59, 96, 151, .14);
  --highlight-icon-glass: rgba(255, 255, 255, .68);
  --switch-on: #111317;
  --switch-on-thumb: #ffffff;
  --slider-fill: #111317;
  --shadow-modal: 0 30px 100px rgba(22, 43, 79, .24);
  --blur: blur(18px) saturate(135%);
  --radius-control: 12px;
  --radius-card: 18px;
  --radius-panel: 24px;
  --radius-pill: 999px;
  --ease: 160ms ease;
}

:root[data-theme="night"] {
  color-scheme: dark;
  --bg: #101722;
  --bg-glow: rgba(44, 91, 156, .18);
  --surface-panel: rgba(26, 38, 54, .72);
  --surface-control: rgba(34, 49, 68, .84);
  --surface-icon-glass: rgba(42, 59, 81, .52);
  --surface-modal: rgba(24, 35, 50, .94);
  --text-strong: #f0f5ff;
  --text: #c8d4e8;
  --text-muted: #8d9db5;
  --border: rgba(164, 190, 229, .18);
  --border-strong: rgba(111, 165, 246, .58);
  --accent: #72a9fa;
  --accent-strong: #a6c8ff;
  --accent-soft: rgba(102, 161, 243, .20);
  --danger: #f08a99;
  --success: #6dd3ac;
  --shadow-panel: 0 24px 70px rgba(0, 0, 0, .22);
  --shadow-control: 0 10px 26px rgba(0, 0, 0, .18);
  --shadow-icon-glass: 0 8px 20px rgba(0, 0, 0, .24);
  --highlight-icon-glass: rgba(255, 255, 255, .12);
  --switch-on: #111317;
  --switch-on-thumb: #ffffff;
  --slider-fill: #111317;
  --shadow-modal: 0 35px 110px rgba(0, 0, 0, .45);
}
