/* Syndicate Global — design tokens (from Brand_ID Vol.01, 2025).
   Colours: White #FFFFFF · Hawkes Blue #E7EFFD · Dodger Blue #3284FF · Ebony #05060F · Haiti #0C1328
   Moon Blue = gradient #FFFFFF → #3284FF.
   Type: Sora (main/headings) · DM Mono (body/meta) · Space Grotesk (accent/long-form). */
:root {
  --ebony: #05060F;
  --haiti: #0C1328;
  --hawkes: #E7EFFD;
  --dodger: #3284FF;
  --white: #FFFFFF;

  --bg: var(--ebony);
  --bg-2: #080A16;
  --bg-3: var(--haiti);
  --ink: var(--white);
  --ink-2: #B9C2D6;
  --ink-3: #7C86A0;
  --ink-4: #4A5268;
  --line: rgba(231, 239, 253, .10);
  --line-2: rgba(231, 239, 253, .22);

  --accent: var(--dodger);
  --accent-ink: var(--white);
  --accent-soft: rgba(50, 132, 255, .14);
  --accent-glow: rgba(50, 132, 255, .30);
  --moon: linear-gradient(90deg, #3284FF 0%, #3284FF 55%, #FFFFFF 100%);
  --moon-v: linear-gradient(180deg, #FFFFFF 0%, #3284FF 100%);

  --card-bg: rgba(12, 19, 40, .55);
  --card-border: rgba(231, 239, 253, .08);
  --glass-bg: linear-gradient(180deg, rgba(231,239,253,.07), rgba(231,239,253,.025) 50%, rgba(231,239,253,.01));
  --glass-border: rgba(231, 239, 253, .12);
  --shadow: 0 24px 64px -24px rgba(0, 0, 0, .8);

  --radius: 24px;
  --radius-sm: 14px;
  --radius-pill: 999px;
  --max-width: 1200px;
  --pad: clamp(20px, 5vw, 64px);
  --nav-h: 72px;
  --ease: cubic-bezier(.22, 1, .36, 1);

  --font-display: 'Sora', 'Inter', system-ui, sans-serif;
  --font-body: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --font-mono: 'DM Mono', ui-monospace, 'SFMono-Regular', monospace;
  --h1: clamp(46px, 7.2vw, 96px);
  --h2: clamp(32px, 3.6vw, 52px);
  --h3: clamp(20px, 1.6vw, 24px);
}