/* ─── Theme tokens ───────────────────────────────────────────────────────────
   Pas hier defaults aan. Overrides vanuit config/site.php → thema (via head.php).
──────────────────────────────────────────────────────────────────────────── */

:root {
  /* Kleuren: industrial craft, oranje als vonk */
  --color-bg: #0A1128;
  --color-surface: #141C33;
  --color-surface-elevated: #1A2340;
  --color-accent: #FF7A00;
  --color-accent-hover: #E06B00;
  --color-accent-soft: #FF9533;
  --color-text: #FFFFFF;
  --color-text-muted: #9AA6BC;
  --color-border: rgba(255, 255, 255, 0.08);
  --color-border-strong: rgba(255, 255, 255, 0.14);
  --color-star: #ffc107;
  --color-whatsapp: #25D366;

  /* Typografie (overschreven door config thema.fonts) */
  --font-display: 'Manrope', system-ui, sans-serif;
  --font-body: 'Source Sans 3', system-ui, sans-serif;

  --fs-display: clamp(2.25rem, 4vw, 3.25rem);
  --fs-h1: clamp(1.9rem, 3vw, 2.5rem);
  --fs-h2: clamp(1.55rem, 2.4vw, 2.1rem);
  --fs-h3: 1.2rem;
  --fs-lead: clamp(1.05rem, 1.35vw, 1.175rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.875rem;
  --fs-label: 0.75rem;

  --lh-display: 1.15;
  --lh-heading: 1.25;
  --lh-body: 1.7;

  --tracking-label: 0.06em;
  --tracking-tight: -0.01em;

  /* Spacing-schaal */
  --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-section: clamp(3.5rem, 8vw, 6rem);
  --content-max: 40rem;

  /* Vormen: iets strakker (craft + rust) */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 180ms;
  --duration: 320ms;

  /* Compat-aliassen */
  --primary-dark: var(--color-bg);
  --secondary-dark: var(--color-surface);
  --accent-orange: var(--color-accent);
  --accent-orange-hover: var(--color-accent-hover);
  --text-muted: var(--color-text-muted);
}