/* ╔══════════════════════════════════════════════════════════════════╗
   ║  Springcast Website v2 — Design Tokens                            ║
   ║  Canonical source: Design/Foundations/_Canonical-Decisions.md     ║
   ║  Niet wijzigen zonder Nico-akkoord (zie canonical doc §Wijzigingen)║
   ╚══════════════════════════════════════════════════════════════════╝ */
:root {
  /* ── Primary — Iris (signature, 25%) ───────────────────────────── */
  --iris-50:#F4F1FB; --iris-100:#E6DEF6; --iris-300:#A48CDC; --iris-500:#5B3BD1;
  --iris-600:#4A2BB8; --iris-700:#371F8E; --iris-900:#1E1153;

  /* ── Accent — Ember (CTA-fill, 8%) ─────────────────────────────── */
  --ember-100:#FCE8C3; --ember-300:#F4BE5E; --ember-500:#F2A52E; --ember-700:#A36514;

  /* ── Compliance — Petrol (promoted tertiary, 5-8%) ─────────────── */
  --petrol-50:#EAF7F3; --petrol-100:#CDEBE3; --petrol-300:#4FBEA8;
  --petrol-500:#0E8C76; --petrol-600:#0B6F5E; --petrol-700:#13524A;
  --on-ink-body:#CFC8BC;   /* body op Ink */

  /* ── Neutrals — strikte function-locks ─────────────────────────── */
  --paper:#FBF9F5;   /* Canvas only (55%) */
  --bone:#F3EFE7;    /* Ritme-marker only (10%) */
  --mist:#E2DCD0;    /* Divider/border only (2%) */
  --slate-500:#6B6457; /* Muted body */
  --slate-700:#2F2A22; /* Primary body — NOOIT surface */
  --ink:#15120D;     /* Headings, footer-surface */

  /* ── Status ─────────────────────────────────────────────────────── */
  --error-500:#B85959;

  /* ── Typografie — dual-display ──────────────────────────────────── */
  --font-display-creator:'Geist','Switzer','Manrope',system-ui,sans-serif;
  --font-display-enterprise:'Geist','Switzer','Manrope',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;
  --tracking-display-creator:-0.022em;
  --tracking-display-enterprise:-0.018em;
  --tracking-mono-eyebrow:0.18em;

  /* Type-scale (fluid, mobile-first) */
  --text-display-1:clamp(2.25rem,1.5rem + 2.2vw,3rem);
  --text-display-2:clamp(1.75rem,1.1rem + 1.9vw,2.625rem);
  --text-h3:clamp(1.5rem,2.5vw,2rem);
  --text-h4:1.25rem;
  --text-body-lg:1.1875rem;
  --text-body:1rem;
  --text-body-sm:0.875rem;
  --text-mono-eyebrow:0.6875rem;

  /* ── Spacing (8px-base) ─────────────────────────────────────────── */
  --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:80px; --space-10:120px;

  /* ── Radius ─────────────────────────────────────────────────────── */
  --radius-sm:6px; --radius-md:10px; --radius-lg:14px; --radius-full:999px;

  /* ── Shadow (één toegestane elevation) ──────────────────────────── */
  --shadow-elevated:0 12px 32px rgba(21,18,13,0.08);
}