:root {
  color-scheme: light;

  --bg-primary: #eef3fb;
  --bg-secondary: #e4ebf6;
  --bg-elevated: #f8fbff;
  --glass-bg: rgba(255, 255, 255, 0.66);
  --glass-bg-elevated: rgba(255, 255, 255, 0.84);
  --glass-bg-active: rgba(219, 232, 255, 0.78);
  --glass-bg-fallback: rgba(248, 251, 255, 0.96);
  --glass-border: rgba(62, 82, 118, 0.16);
  --glass-highlight: rgba(255, 255, 255, 0.78);

  --text-primary: #101827;
  --text-secondary: #526078;
  --text-muted: #758198;
  --text-on-accent: #07121f;
  --accent: #2478f2;
  --accent-strong: #6558ef;
  --accent-soft: rgba(36, 120, 242, 0.13);
  --success: #15956d;
  --success-soft: rgba(21, 149, 109, 0.13);
  --warning: #c77813;
  --warning-soft: rgba(199, 120, 19, 0.14);
  --danger: #d8455f;
  --danger-soft: rgba(216, 69, 95, 0.13);
  --info: #3278db;
  --info-soft: rgba(50, 120, 219, 0.13);

  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --radius-xl: 32px;
  --blur-sm: 12px;
  --blur-md: 22px;
  --shadow-glass: 0 16px 40px rgba(38, 55, 84, 0.13);
  --shadow-elevated: 0 24px 68px rgba(38, 55, 84, 0.2);
  --touch-target: 44px;
  --content-width: 1120px;
  --content-narrow: 760px;
  --bottom-nav-height: 74px;

  /* Compatibility aliases for existing screens during the staged migration. */
  --bg: var(--bg-primary);
  --card: var(--glass-bg);
  --card-2: var(--glass-bg-elevated);
  --text: var(--text-primary);
  --muted: var(--text-secondary);
  --line: var(--glass-border);
  --good: var(--success);
  --bad: var(--danger);
  --warn: var(--warning);
  --accent-2: var(--accent-strong);
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;

    --bg-primary: #07111f;
    --bg-secondary: #0b1728;
    --bg-elevated: #111f34;
    --glass-bg: rgba(19, 34, 55, 0.68);
    --glass-bg-elevated: rgba(24, 42, 68, 0.84);
    --glass-bg-active: rgba(35, 75, 124, 0.68);
    --glass-bg-fallback: rgba(17, 31, 51, 0.97);
    --glass-border: rgba(180, 205, 239, 0.16);
    --glass-highlight: rgba(231, 242, 255, 0.12);

    --text-primary: #f5f8ff;
    --text-secondary: #aebbd0;
    --text-muted: #8391aa;
    --text-on-accent: #07121f;
    --accent: #43b8f5;
    --accent-strong: #8d7cf6;
    --accent-soft: rgba(67, 184, 245, 0.15);
    --success: #3bd4a0;
    --success-soft: rgba(59, 212, 160, 0.14);
    --warning: #f3ad42;
    --warning-soft: rgba(243, 173, 66, 0.14);
    --danger: #ff7085;
    --danger-soft: rgba(255, 112, 133, 0.14);
    --info: #61a9ff;
    --info-soft: rgba(97, 169, 255, 0.14);

    --shadow-glass: 0 18px 48px rgba(0, 4, 12, 0.32);
    --shadow-elevated: 0 28px 76px rgba(0, 4, 12, 0.46);
  }
}