/* ============================================================
   OMMETOER — DESIGN TOKENS  (single source of truth: KLEUR + FONT)
   ------------------------------------------------------------
   Wil je de merkkleur of het lettertype wijzigen? Doe het HIER,
   op één plek, en het verandert overal op de site.

   De site is historisch met twee namen voor dezelfde kleur
   gebouwd (bv. --brown én --coffee = hetzelfde bruin). Beide
   blijven werken: ze verwijzen nu allemaal naar dezelfde
   canonieke --brand-… token hieronder.

   LET OP: tinten die bewust per pagina verschillen
   (--ink, --ink-soft, --bg, --line, --cream-soft, --milk-coffee,
   --ink-15/50/70 …) staan NIET hier — die blijven lokaal in de
   pagina zelf, want ze horen bij die specifieke pagina.
   ============================================================ */
:root{
  /* ---- Canonieke merkkleuren ---- */
  --brand-brown:#260F0D;   /* diep bruin — titels, tekst op licht, knoppen */
  --brand-cream:#FDF3C3;   /* warm geel/crème — vlakken, accenten          */
  --brand-blue:#CEDDE6;    /* zacht blauw — accenten                        */
  --brand-sand:#F8F7ED;    /* kalk/zandwit — rustige achtergrondvlakken     */

  /* ---- Canonieke lettertypes ---- */
  --brand-font:'PP Mori','Inter',-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;
  --brand-accent:'Le Jardin', cursive;   /* handgeschreven accent           */

  /* ---- Aliassen: bestaande namen -> één bron ---- */
  --brown:var(--brand-brown);      --coffee:var(--brand-brown);
  --otoer-bruin:var(--brand-brown);
  --cream:var(--brand-cream);      --butter:var(--brand-cream);
  --hero-cream:var(--brand-cream); --otoer-geel:var(--brand-cream);
  --blue:var(--brand-blue);        --ripple:var(--brand-blue);
  --otoer-blauw:var(--brand-blue);
  --limestone:var(--brand-sand);   --paper:var(--brand-sand);

  --font:var(--brand-font);        --font-sans:var(--brand-font);
  --font-accent:var(--brand-accent);
}