/* Design-tokens De Sint Specialist, uit de goedgekeurde ontwerpen (31-8-2026) */
:root {
  /* Kleur */
  --kleur-diep: #191231;
  --kleur-paneel: #221A40;
  --kleur-paneel-donker: #100B22;
  --kleur-goud: #D9B36A;
  --kleur-goud-licht: #E8CD94;
  --kleur-creme: #F3EBDA;
  --kleur-tekst: #B4A8CE;
  --kleur-tekst-zacht: #C9BDE2;
  --kleur-placeholder: #8C7FB0;
  --kleur-rand: #3E3163;
  --kleur-rand-donker: #2C2350;
  --kleur-op-goud: #2A1B3E;
  --kleur-bevestiging: #8FD3A0;
  --kleur-gedempt: #6E5F96;

  /* Typografie */
  --font-kop: 'DM Serif Display', Georgia, 'Times New Roman', serif;
  --font-tekst: 'Karla', 'Helvetica Neue', Arial, sans-serif;
  --tekst-hero: clamp(2.0rem, 5.2vw, 3.875rem);
  --tekst-sectie: clamp(1.75rem, 3.4vw, 2.625rem);
  --tekst-blok: clamp(1.5rem, 2.6vw, 2.25rem);
  --tekst-kaart: clamp(1.25rem, 1.8vw, 1.625rem);
  --tekst-intro: clamp(1rem, 1.3vw, 1.125rem);
  --tekst-body: 1rem;
  --tekst-meta: 0.875rem;
  --tekst-kicker: 0.8125rem;

  /* Ruimte */
  --ruimte-sectie: clamp(3.5rem, 6vw, 5.5rem);
  --ruimte-rand: clamp(1.25rem, 4vw, 4rem);
  --breedte-max: 1440px;
  --breedte-tekst: 42rem;

  /* Vorm */
  --radius-pil: 999px;
  --radius-kaart: 20px;
  --radius-klein: 12px;
  --schaduw-rust: 0 6px 18px rgba(6, 3, 16, 0.28);
  --schaduw-hover: 0 22px 48px rgba(6, 3, 16, 0.55), 0 8px 18px rgba(217, 179, 106, 0.14);

  /* Beweging */
  --soepel: cubic-bezier(.22, .7, .3, 1);
}