:root,
[data-theme="light"] {
  color-scheme: light;
  --bg: #f3f7fa;
  --card: #ffffff;
  --card-soft: #f8fbfd;
  --ink: #0f1a24;
  --muted: #4f6577;
  --line: #dfe8ee;
  --brand: #00adde;
  --brand-dark: #0087ae;
  --brand-deep: #00617e;
  --brand-contrast: #ffffff;
  --brand-soft: #e6f6fb;
  --brand-accent: #14b8a6;
  --hero-1: #00293a;
  --hero-2: #00617e;
  --hero-3: #00adde;
  --tip-bg: #e6f6fb;
  --tip-border: #00adde;
  --warn-bg: #fdf3e3;
  --warn-border: #e8a33d;
  --shadow: 0 1px 3px rgba(10, 25, 40, 0.08), 0 1px 2px rgba(10, 25, 40, 0.06);
  --overlay: rgba(5, 15, 25, 0.55);
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #06131c;
  --card: #0d1e29;
  --card-soft: #102430;
  --ink: #e6f1f8;
  --muted: #93aebb;
  --line: #1f3646;
  --brand: #2ad1ff;
  --brand-dark: #5cdaff;
  --brand-deep: #0087ae;
  --brand-contrast: #06131c;
  --brand-soft: #0b2b3d;
  --brand-accent: #14b8a6;
  --hero-1: #02121c;
  --hero-2: #06303f;
  --hero-3: #0a5a74;
  --tip-bg: #0b2b3d;
  --tip-border: #2ad1ff;
  --warn-bg: #2d2413;
  --warn-border: #e8a33d;
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.3);
  --overlay: rgba(0, 0, 0, 0.72);
}