/* Generated from src/_data/tokens.json at build time. Do not edit. */
:root {
  color-scheme: light dark;
  --surface-page: #e8f5fb;
  --surface-card: #ffffff;
  --sky-200: #b6e1f4;
  --sky-300: #a8daf1;
  --border-subtle: #c9e3f2;
  --border-control: #5f7fae;
  --ink: #172c65;
  --ink-muted: #45567f;
  --brand-navy: #0e3474;
  --brand-blue: #1c599a;
  --accent-orange: #ef6a2a;
  --action: #b8461a;
  --action-hover: #9c3a14;
  --on-action: #ffffff;
  --quadra-alpha: #edb32e;
  --quadra-alpha-ink: #172c65;
  --quadra-beta: #93264f;
  --quadra-gamma: #2e9f6b;
  --quadra-gamma-deep: #237a52;
  --quadra-delta: #3a62b7;
  --quadra-on-quadra: #ffffff;
  --quadra-alpha-tint: #e2c673;
  --quadra-beta-tint: #ad8ba6;
  --quadra-gamma-tint: #7ac1af;
  --quadra-delta-tint: #739ed3;
  --font-sans: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-accent: 'Bebas Neue', 'Montserrat', system-ui, sans-serif;
  --type-display-size: clamp(44px, 11vw, 84px);
  --type-display-line: 0.95;
  --type-display-weight: 900;
  --type-accent-size: clamp(36px, 7vw, 56px);
  --type-accent-line: 1;
  --type-accent-weight: 400;
  --type-kicker-size: 13px;
  --type-kicker-line: 20px;
  --type-kicker-weight: 700;
  --type-kicker-tracking: 0.3em;
  --type-h1-size: 36px;
  --type-h1-line: 42px;
  --type-h1-weight: 800;
  --type-h2-size: 26px;
  --type-h2-line: 32px;
  --type-h2-weight: 700;
  --type-h3-size: 19px;
  --type-h3-line: 26px;
  --type-h3-weight: 700;
  --type-body-size: 16px;
  --type-body-line: 26px;
  --type-body-weight: 400;
  --type-small-size: 13px;
  --type-small-line: 20px;
  --type-small-weight: 500;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --radius-input: 8px;
  --radius-card: 16px;
  --radius-pill: 999px;
  --motion-fast: 120ms;
  --motion-fade: 150ms;
  --motion-pop: 180ms;
  --motion-slide: 200ms;
  --motion-reveal: 250ms;
  --motion-entrance: 300ms;
  --motion-stagger-card: 80ms;
  --motion-stagger-star: 60ms;
  --motion-ease-out: cubic-bezier(0.2, 0, 0, 1);
  --motion-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (prefers-color-scheme: dark) {
  :root {
    --surface-page: #0b1a3a;
    --surface-card: #112650;
    --sky-200: #1a3a6e;
    --sky-300: #24508f;
    --border-subtle: #22406f;
    --border-control: #6f8fc0;
    --ink: #eaf4fb;
    --ink-muted: #a9bdd8;
    --brand-navy: #1c599a;
    --brand-blue: #8cc0f0;
    --accent-orange: #f68b47;
    --action: #f68b47;
    --action-hover: #f47b33;
    --on-action: #0b1a3a;
  }
}