/* tokens.css - PAGIOS design tokens (navy/gold). Source of truth: docs/reference/design-plan.md */
:root {
  /* Color - navy/gold PAGIOS DNA */
  --navy-deepest: #070c1e;   /* hero / footer backgrounds */
  --navy: #0d1540;           /* dark section backgrounds */
  --navy-accent: #1a237e;    /* hero gradient stop */
  --gold: #c9a840;           /* CTA fill + accents on DARK surfaces only (navy text on gold) */
  --gold-bright: #f4c320;    /* CTA hover fill, highlights on dark */
  --gold-text: #7a5f0a;      /* gold TEXT on LIGHT surfaces (links, eyebrows): AA-safe, 6.05:1 on white, 5.75:1 on off-white */
  --white: #ffffff;          /* light section backgrounds */
  --off-white: #f8f9fc;      /* alternating sections */
  --card: #f4f6fb;           /* soft-gray card canvas on light (audit rule) */
  --text: #1a1a2e;           /* body copy on light (17.06:1 on white) */
  --muted: #5b6270;          /* secondary copy (AA-safe: 5.92:1 on white, 5.63:1 on off-white) */
  --line: #e5e7eb;           /* hairline borders on light */

  --hero-gradient: linear-gradient(150deg, #070c1e 0%, #0d1540 55%, #1a237e 100%);

  /* Typography
     - Body: system sans stack (no external imports, fast).
     - Headings: Libre Baskerville, the live IBIS product serif, self-hosted
       (see public/styles/fonts.css) with font-display swap. The system serif
       fallback keeps headings legible before the woff2 loads (no FOIT). */
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-serif: 'Libre Baskerville', Georgia, 'Times New Roman', serif;

  --fs-hero: clamp(2.5rem, 6vw, 4rem);      /* H1 */
  --fs-h2: clamp(1.75rem, 4vw, 2.75rem);    /* section H2 */
  --fs-h3: clamp(1.25rem, 2.4vw, 1.5rem);
  --fs-lead: clamp(1.05rem, 1.6vw, 1.25rem);
  --fs-body: 1rem;
  --fs-label: 0.75rem;                       /* section eyebrow */

  --fw-bold: 800;
  --fw-semibold: 600;
  --fw-medium: 500;

  --tracking-tight: -0.03em;
  --tracking-h2: -0.02em;
  --tracking-label: 0.12em;

  /* Spacing scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --section-y: clamp(3.5rem, 8vw, 6rem);     /* vertical rhythm per section */

  /* Layout */
  --container: 1160px;
  --container-narrow: 720px;
  --nav-h: 116px;

  /* Radius + shadow */
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 3px rgba(7, 12, 30, 0.08);
  --shadow: 0 12px 30px rgba(7, 12, 30, 0.10);
  --shadow-lg: 0 30px 70px rgba(7, 12, 30, 0.22);

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 0.25s;
}