:root,
[data-theme="dark"] {
  --color-bg: #0f1115;
  --color-bg-page: #0f1115;
  --color-ink: #f1ede4;
  --color-dim: #7c7568;
  --color-hair: rgba(255, 255, 255, 0.08);
  --color-card: #181b22;
  --aurora-fill-stop-1: #3a7bd5;
  --aurora-fill-stop-1-a: 0;
  --aurora-fill-stop-2: #3a7bd5;
  --aurora-fill-stop-2-a: 0.18;
  --aurora-fill-stop-3: #43a047;
  --aurora-fill-stop-3-a: 0.25;
  --aurora-fill-stop-4: #f6a609;
  --aurora-fill-stop-4-a: 0.30;
  --aurora-line-stop-1: #7caee0;
  --aurora-line-stop-2: #7ed09a;
  --aurora-line-stop-3: #f6a609;
  --chart-target-band-opacity: 0.04;
  --chart-gridline-opacity: 0.08;
  --chart-gridline-target-opacity: 0.18;
}

[data-theme="light"] {
  --color-bg: #f4f1ea;
  --color-bg-page: #ece8de;
  --color-ink: #1d1b18;
  --color-dim: #6b6150;
  --color-hair: rgba(0, 0, 0, 0.10);
  --color-card: #ffffff;
  --aurora-fill-stop-1-a: 0;
  --aurora-fill-stop-2-a: 0.29;
  --aurora-fill-stop-3-a: 0.40;
  --aurora-fill-stop-4-a: 0.48;
  --chart-target-band-opacity: 0.05;
}

:root {
  --zone-low: #3a7bd5;
  --zone-in: #43a047;
  --zone-high: #f6a609;
  --zone-veryhigh: #ef6a3b;
  --zone-unknown: #7c7568;
  --target-low-mgdl: 70;
  --target-high-mgdl: 180;
  --font-display: 'Inter Tight', 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --fw-thin: 200;
  --fw-light: 300;
  --fw-medium: 500;
  --fw-bold: 600;
  --ls-tight: -0.045em;
  --ls-caps-sm: 0.20em;
  --ls-caps-xs: 0.10em;
  --fs-number-xl-desktop: 168px;
  --fs-number-xl-mobile: 124px;
  --fs-label-lg: 15px;
  --fs-label: 13px;
  --fs-caption: 11px;
  --fs-tick: 10px;
  --pad-desktop: 36px;
  --pad-mobile: 20px;
  --gap-xs: 4px;
  --gap-sm: 8px;
  --gap-md: 16px;
  --gap-lg: 24px;
  --radius-pill: 999px;
  --radius-chip: 11px;
  --radius-card: 6px;
  --pill-w: 44px;
  --pill-h: 26px;
  --chip-h: 22px;
  --chart-line-weight: 1.8px;
  --chart-line-halo-weight: 4px;
  --chart-line-halo-opacity: 0.25;
  --chart-y-ticks: "40, 70, 120, 180, 250, 400";
  --motion-fast: 120ms;
  --motion-base: 200ms;
  --motion-slow: 320ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --artboard-desktop-w: 900px;
  --artboard-desktop-h: 600px;
  --artboard-mobile-w: 380px;
  --artboard-mobile-h: 720px;
}