:root,
html[data-theme="light"] {
  color-scheme: light;
  --bg: #f5f7fb;
  --bg-elevated: #ffffff;
  --surface: rgba(255,255,255,.92);
  --surface-solid: #ffffff;
  --surface-soft: #eef3fb;
  --surface-hover: #e9f0fb;
  --text: #10213e;
  --text-soft: #52617a;
  --text-faint: #8590a3;
  --line: #dfe6f1;
  --line-strong: #ccd7e7;
  --shadow-sm: 0 8px 28px rgba(29,48,82,.07);
  --shadow-md: 0 20px 60px rgba(29,48,82,.12);
  --shadow-lg: 0 32px 90px rgba(20,42,80,.18);
  --success: #0a9b6d;
  --success-soft: #e8f8f2;
  --warning: #d47a0a;
  --warning-soft: #fff6df;
  --danger: #d7445b;
  --danger-soft: #fff0f3;
  --info-soft: #eaf2ff;
  --hero-start: #f7faff;
  --hero-end: #edf4ff;
  --sidebar-bg: #111f36;
  --sidebar-text: #d9e4f5;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #08111f;
  --bg-elevated: #0d192a;
  --surface: rgba(14,27,45,.93);
  --surface-solid: #0e1b2e;
  --surface-soft: #13243b;
  --surface-hover: #182b45;
  --text: #edf4ff;
  --text-soft: #a8b6ca;
  --text-faint: #73849b;
  --line: #21344e;
  --line-strong: #304764;
  --shadow-sm: 0 10px 30px rgba(0,0,0,.22);
  --shadow-md: 0 22px 70px rgba(0,0,0,.35);
  --shadow-lg: 0 36px 100px rgba(0,0,0,.48);
  --success: #35d39b;
  --success-soft: #0d302a;
  --warning: #f6b94d;
  --warning-soft: #392b12;
  --danger: #ff6c82;
  --danger-soft: #3d1822;
  --info-soft: #152d52;
  --hero-start: #0a1728;
  --hero-end: #0d2039;
  --sidebar-bg: #050c16;
  --sidebar-text: #c8d6e9;
}

html { background: var(--bg); }
body { background: var(--bg); color: var(--text); }