/* Pleysier Advies – vaste stijl (afgeleid uit het ontwerp, niets gewijzigd).
   Gebruik deze waarden 1-op-1. Alle teksten zijn Nunito (Google Fonts, 400/600/700/800). */

:root {
  /* Kleuren – merk */
  --oranje:            #D8762A; /* primaire knop, accentdeel in koppen, vinkjes */
  --oranje-donker:     #9E4E10; /* spreker-banden, badges, labels "Aanbevolen", eindpunt tijdlijn */
  --oranje-diepst:     #8A430D; /* tekst op crème knop in donkeroranje band */
  --oranje-licht:      #F0A45A; /* accentlijnen, iconen op donker */
  --perzik:            #F9E5D3; /* sectie-achtergrond (wissel), aanhalingstekens op donkeroranje */
  --creme:             #FEF6EF; /* sectie-achtergrond, tekst op donker */
  --creme-licht:       #FFFAF6; /* basis-achtergrond, header */
  --wit:               #FFFFFF;

  --groen-donker:      #1C4C50; /* alle koppen op licht, knop-hover, interim-band */
  --teal:              #167E81; /* eyebrows op licht, iconen */
  --teal-helder:       #069999; /* teal accentranden/-knoppen (interim) */
  --teal-licht:        #E6F5F0; /* sectie-achtergrond, chips */

  --tekst:             #3F444B; /* lopende tekst op licht */
  --streepje-grijs:    #9AA3A3; /* "–" in de vergelijkingstabel */

  --lijn:              rgba(28, 76, 80, 0.10); /* header-onderlijn, scheidingslijnen */
  --lijn-raster:       rgba(28, 76, 80, 0.08); /* logo-raster */

  /* Typografie */
  --font: "Nunito", system-ui, sans-serif;
  --fs-h1-home:   clamp(26px, 3.3vw, 52px);
  --fs-h1-home-mobiel: min(7vw, 34px);     /* homepage-kop op telefoons: schaalt mee, zodat hij overal op dezelfde plek afbreekt */
  --fs-h1:        clamp(30px, 4.4vw, 52px);
  --fs-h2:        clamp(24px, 3.2vw, 38px);
  --fs-h2-groot:  clamp(26px, 3.4vw, 40px);
  --fs-h3:        clamp(20px, 2.2vw, 24px);
  --fs-lead:      clamp(17px, 2vw, 20px);
  --fs-body:      17px;
  --fs-body-s:    16px;
  --fs-klein:     15px;
  --fs-meta:      14px;
  --fs-eyebrow:   13px;   /* hoofdletters, letter-spacing 0.12em, gewicht 700; ook kleinste tekst */
  --fs-knop:      18px;   /* grote knoppen */
  --fs-nav:       clamp(13px, 1.25vw, 15px); /* menu-items desktop */
  --fs-getal:     clamp(48px, 5.4vw, 64px);  /* outline-nummers spreker */
  --lh-kop:       1.12;
  --lh-tekst:     1.65;
  --ls-kop:       -0.015em;

  /* Afstanden */
  --pad-x:          6vw;                      /* zijmarge alle secties */
  --pad-y:          clamp(52px, 7vw, 96px);   /* standaard sectie boven/onder */
  --pad-y-compact:  clamp(40px, 5vw, 64px);
  --max-w:          1180px;                   /* homepage en aanpak */
  --max-w-smal:     1100px;                   /* spreker, interim, over-judith */
  --max-w-tekst:    760px;
  --gap-s: 12px; --gap-m: 22px; --gap-l: 40px;

  /* Rondingen */
  --r-knop: 100px;  /* alle knoppen en chips (pill) */
  --r-kaart: 8px;
  --r-foto: 6px;
  --r-formulier: 12px;
  --r-tag: 4px;

  /* Schaduwen */
  --sh-kaart:       0 18px 30px rgba(28, 76, 80, 0.12);
  --sh-kaart-zacht: 0 6px 20px rgba(28, 76, 80, 0.06);
  --sh-aanbevolen:  0 14px 34px rgba(158, 78, 16, 0.16);
  --sh-formulier:   0 20px 50px rgba(0, 0, 0, 0.18);

  /* Breekpunten */
  --bp-mobiel: 759px;  /* teamkaarten compact, kolommen onder elkaar */
  --bp-tablet: 899px;  /* hamburgermenu, inzichten in één kolom */
}