/* Talk to Gina — generated from tokens.json */
:root, [data-theme="light"] {
  --surface-000: #ffffff;
  --surface-100: #f5f9ff;
  --surface-200: #e9f1fd;
  --surface-inverse: #132642;
  --hairline: #dfe7f2;
  --hairline-strong: #6b7a90;
  --ink: #0f1f38;
  --ink-muted: #3a4a63;
  --on-inverse: #ffffff;
  --accent: #0068f5;
  --accent-strong: #0052c4;
  --accent-soft: #e6f0ff;
  --on-accent: #ffffff;
  --glow-core: #3d9bff;
  --cream: #fff4de;
  --on-cream: #132642;
  --live: #16a34a;
  --live-ink: #15803d;
  --live-soft: #ecf8f0;
  --alert: #ff5a36;
  --alert-ink: #c2410c;
  --alert-soft: #fff0eb;
  --gina-blue: #0068f5;
  --gina-teal: #10b79a;
  --gina-green: #2bb24c;
  --gina-coral: #ff5a3c;
  --gina-pink: #f04fb4;
  --gina-midnight: #1b3566;
  --glow-sm: 0 0 0 1px rgba(0,104,245,0.18), 0 0 12px 2px rgba(61,155,255,0.35);
  --glow-md: 0 0 0 1px rgba(0,104,245,0.18), 0 0 24px 6px rgba(61,155,255,0.35);
  --glow-lg: 0 0 48px 12px rgba(61,155,255,0.30), 0 0 96px 32px rgba(61,155,255,0.14);
  --glow-live: 0 0 0 1px rgba(22,163,74,0.25), 0 0 16px 4px rgba(22,163,74,0.35);
  --glow-alert: 0 0 0 1px rgba(255,90,54,0.30), 0 0 16px 4px rgba(255,90,54,0.35);
  --glow-cream: 0 0 18px 4px rgba(255,226,180,0.70);
  --elev-1: 0 1px 2px rgba(19,38,66,0.06), 0 1px 1px rgba(19,38,66,0.04);
  --elev-2: 0 8px 24px rgba(19,38,66,0.10), 0 2px 6px rgba(19,38,66,0.06);
  --focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px #0068f5;
}

[data-theme="dark"] {
  --surface-000: #0b1628;
  --surface-100: #10203a;
  --surface-200: #172a4a;
  --surface-inverse: #ffffff;
  --hairline: #233756;
  --hairline-strong: #7184a3;
  --ink: #ffffff;
  --ink-muted: #c4d0e2;
  --on-inverse: #0f1f38;
  --accent: #55b5ff;
  --accent-strong: #8acbff;
  --accent-soft: #13305a;
  --on-accent: #0b1628;
  --glow-core: #55b5ff;
  --cream: #fff4de;
  --on-cream: #132642;
  --live: #22c55e;
  --live-ink: #4ade80;
  --live-soft: #0f2a1a;
  --alert: #ff7a5c;
  --alert-ink: #ff9b80;
  --alert-soft: #2b1730;
  --gina-blue: #0068f5;
  --gina-teal: #10b79a;
  --gina-green: #2bb24c;
  --gina-coral: #ff5a3c;
  --gina-pink: #f04fb4;
  --gina-midnight: #1b3566;
  --glow-sm: 0 0 0 1px rgba(85,181,255,0.30), 0 0 14px 3px rgba(85,181,255,0.45);
  --glow-md: 0 0 0 1px rgba(85,181,255,0.30), 0 0 28px 8px rgba(85,181,255,0.45);
  --glow-lg: 0 0 56px 16px rgba(85,181,255,0.40), 0 0 120px 40px rgba(85,181,255,0.18);
  --glow-live: 0 0 0 1px rgba(34,197,94,0.35), 0 0 18px 5px rgba(34,197,94,0.45);
  --glow-alert: 0 0 0 1px rgba(255,122,92,0.40), 0 0 18px 5px rgba(255,122,92,0.45);
  --glow-cream: 0 0 22px 6px rgba(255,244,222,0.40);
  --elev-1: 0 1px 2px rgba(0,0,0,0.5);
  --elev-2: 0 10px 30px rgba(0,0,0,0.6), 0 2px 6px rgba(0,0,0,0.4);
  --focus-ring: 0 0 0 2px #0b1628, 0 0 0 4px #55b5ff;
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 32px;
  --radius-pill: 999px;
  --z-sheet: 40;
  --z-floating-gina: 50;
  --z-toast: 60;
  --dur-fast: 120ms;
  --dur-base: 220ms;
  --dur-breathe: 2400ms;
  --dur-flow: 1600ms;
  --font-display: "Bricolage Grotesque", "Schibsted Grotesk", system-ui, sans-serif;
  --font-body: "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
}

.display-xl { font-family: var(--font-display); font-size: 72px; line-height: 0.95; font-weight: 700; letter-spacing: -0.03em; }

.display-l { font-family: var(--font-display); font-size: 48px; line-height: 1.0; font-weight: 700; letter-spacing: -0.02em; }

.heading-1 { font-family: var(--font-display); font-size: 36px; line-height: 1.1; font-weight: 700; letter-spacing: -0.02em; }

.heading-2 { font-family: var(--font-display); font-size: 28px; line-height: 1.15; font-weight: 600; letter-spacing: -0.01em; }

.heading-3 { font-family: var(--font-display); font-size: 20px; line-height: 1.25; font-weight: 600; }

.numeral { font-family: var(--font-display); font-size: 56px; line-height: 1.0; font-weight: 700; letter-spacing: -0.03em; }

.body-l { font-family: var(--font-body); font-size: 18px; line-height: 1.55; font-weight: 400; }

.body { font-family: var(--font-body); font-size: 16px; line-height: 1.5; font-weight: 400; }

.body-strong { font-family: var(--font-body); font-size: 16px; line-height: 1.5; font-weight: 600; }

.body-s { font-family: var(--font-body); font-size: 14px; line-height: 1.45; font-weight: 400; }

.button { font-family: var(--font-body); font-size: 15px; line-height: 1.0; font-weight: 600; }

.label { font-family: var(--font-mono); font-size: 12px; line-height: 1.3; font-weight: 500; letter-spacing: 0.05em; }

.label-s { font-family: var(--font-mono); font-size: 12px; line-height: 1.3; font-weight: 500; letter-spacing: 0.05em; }

.code { font-family: var(--font-mono); font-size: 13px; line-height: 1.5; font-weight: 400; }