/* Design tokens: the single source of colours, spacing, type and motion values. Pages never hard-code these. */
:root, [data-theme="dark"] {
  --bg:#000000; --surface:#0b1020; --surface-raised:#131a33;
  --line:#2b3560; --line-strong:#5c6aa8;
  --ink:#f2f5ff; --ink-soft:#c3cce0; --ink-muted:#a9b3d1;
  --accent:#38d0f5; --on-accent:#04121a;
  --accent-2:#9b7bff; --on-accent-2:#0d0720;
  --success:#3ddc97; --on-success:#04130c;
  --warning:#ffc83d; --on-warning:#1a1200;
  --danger:#ff7a8a; --on-danger:#1f0509;
  --action:#2563eb; --on-action:#ffffff;
  --focus:var(--accent);
}
[data-theme="light"] {
  --bg:#f5f7fc; --surface:#ffffff; --surface-raised:#eef1fa;
  --line:#d5dbee; --line-strong:#6b7699;
  --ink:#0b1020; --ink-soft:#2e3858; --ink-muted:#4a5578;
  --accent:#077096; --on-accent:#ffffff;
  --accent-2:#5b3fd1; --on-accent-2:#ffffff;
  --success:#0d7a4b; --on-success:#ffffff;
  --warning:#ffc83d; --on-warning:#1a1200;
  --danger:#c4172f; --on-danger:#ffffff;
  --action:#1d4ed8; --on-action:#ffffff;
}
:root {
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-6:24px;
  --space-8:32px; --space-12:48px; --space-16:64px; --space-24:96px;
  --space-32:128px; --space-20:80px;
  --section-pad:var(--space-32); --section-pad-mobile:var(--space-20);
  --radius-sm:4px; --radius-md:8px; --radius-lg:14px; --radius-pill:999px;
  --radius-card-outer:28px; --radius-card-inner:20px; --card-outer-pad:var(--space-2);
  --btn-height:44px; --btn-arrow-size:32px; --press-scale:0.98;
  --header-height:72px; --header-inset:var(--space-3); --header-solid-after:40px;
  --elev-1:0 8px 24px rgba(0,0,0,0.45);
  --glow-accent:0 0 32px 0 rgba(56,208,245,0.28);
  --dur-fast:150ms; --dur-base:300ms; --dur-slow:600ms; --dur-ambient:1200ms;
  --dur-reveal:900ms; --ease-reveal:cubic-bezier(0.32,0.72,0,1);
  --reveal-distance:64px; --reveal-blur:8px; --stagger:80ms;
  --font-serif:"Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-display:"Space Grotesk", system-ui, sans-serif;
  --font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
  --content-width:1200px; --gutter:var(--space-4); --bp-mobile:768px;
  --text-hero-title:clamp(2.25rem, 4.2vw, 4.25rem)/1.04; --text-display-xl:64px/68px; --text-display-lg:48px/52px; --text-h1:40px/46px;
  --text-h2:32px/38px; --text-h3:24px/32px; --text-h4:20px/28px;
  --text-body-lg:18px/30px; --text-body:16px/26px; --text-body-sm:14px/22px;
  --text-label:13px/18px; --text-caption:12px/18px; --text-overline:12px/16px;
  --text-code:14px/22px; --text-code-sm:12px/18px;
  --text-micro:11px/16px; --text-lead:16px/1.8; --measure-lead:520px;
  --tracking-display:-0.02em; --tracking-overline:0.12em; --tracking-wide:0.28em; --tracking-hero:-0.01em;
}