/* =====================================================
   BRAND.CSS - Merk per klant
   -----------------------------------------------------
   Dit is het ENIGE bestand dat je per klant aanpast voor
   kleuren en typografie. Geladen NA merkhandboek.css, dus
   alles hier overschrijft de basis.

   Nieuwe klant:
   1. Pas de tokens hieronder aan (kleuren + fonts).
   2. Vervang het logo in /public/img/ (zie README).
   3. Zet client-fonts in /public/fonts/ en pas @font-face aan.
   ===================================================== */

:root {
  /* ── Accentkleur van de klant - Kaamps dennengroen ─ */
  --accent:        #2F6B4F;                  /* fris pijngroen, leesbaar op licht */
  --accent-mid:    #24533E;                  /* hover/donkerder */
  --accent-light:  rgba(47, 107, 79, 0.10);  /* zachte tint achter accenten */

  /* ── Donkere secties - logo-groen ───────────────── */
  --dark:          #0F302B;   /* diep dennengroen (Kaamps-logo) */
  --dark-2:        #0C2D28;   /* kaarten op donkere bg */

  /* ── Lichte achtergronden - warme boerderij-neutralen */
  --bg:            #EFEDE6;   /* basis-achtergrond */
  --cream:         #F3F1EA;   /* lichte secties (romig) */
  --sand:          #E6E2D8;   /* iets donkerder licht */

  /* ── Tekst ──────────────────────────────────────── */
  --text:          #1C2420;   /* primaire tekst (groen-zwart) */
  --muted:         #5F665F;   /* subtekst, labels */
  --border:        #D7D3C9;   /* scheidingslijnen */

  /* ── Typografie ─────────────────────────────────── */
  --font-head:     'SeasonSans', 'Plus Jakarta Sans', sans-serif;
  --font-body:     'SeasonSans', 'Plus Jakarta Sans', sans-serif;
}

/* ── Hardcoded plekken in merkhandboek.css die de tokens
      niet via var() lezen - hier per klant meegekleurd ── */
body        { background: var(--cream); }
.mhb-nav    { background: var(--sand); }