/* ============================================================
   FLOR · design tokens
   Single source of truth. A rebrand is an edit here, nowhere else.
   Canonical values from the merkboek (brandbook/handoff, 2026-07).
   ============================================================ */

:root {
  /* -- kleur (merkboek · slide 05) ----------------------------- */
  --krijt: #F0EADF;          /* basis, papier */
  --terrazzo: #E3DBCC;       /* licht vlak */
  --hazel: #96795A;          /* zacht bruin, warm — verwarmt */
  --walnoot: #5A4030;        /* diep, spaarzaam — cream tekst */
  --mosgroen: #3E5A44;       /* de hoofdkleur, spaarzaam */
  --mosgroen-licht: #8FB79A; /* groen op donker */
  --antraciet: #211F1A;      /* tekst, donkerste blok */
  --bloesem: #D8A79E;        /* zacht roze accent, spaarzaam maar bewust */

  /* derived, keep in this file so swaps stay one-place */
  --bloesem-ink: #A85C54;    /* diepe bloesem, leesbaar als tekst op licht */
  --krijt-70: rgba(240, 234, 223, 0.7);
  --inkt-12: rgba(33, 31, 26, 0.12);
  --inkt-08: rgba(33, 31, 26, 0.08);
  --inkt-55: rgba(33, 31, 26, 0.55);
  --cream-on-dark: #F3EEE3;
  --cream-60: rgba(243, 238, 227, 0.6);
  --cream-20: rgba(243, 238, 227, 0.2);

  /* -- typografie (Urban direction) --------------------------- */
  --font-display: "Bricolage Grotesque", "Hanken Grotesk", sans-serif;
  --font-body: "Hanken Grotesk", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  --text-hero: clamp(4.5rem, 16vw, 15rem);
  --text-statement: clamp(2rem, 5.2vw, 4.4rem);
  --text-title: clamp(1.9rem, 4vw, 3.4rem);
  --text-sub: clamp(1.35rem, 2.4vw, 2rem);
  --text-body: 1.0625rem;
  --text-small: 0.9375rem;
  --text-mono: 0.75rem;
  --text-mono-sm: 0.6875rem;

  --track-display: -0.035em;
  --track-mono: 0.18em;
  --leading-body: 1.7;

  /* -- ruimte -------------------------------------------------- */
  --space-section: clamp(6rem, 15vh, 11rem);
  --space-block: clamp(3rem, 7vh, 5.5rem);
  --gutter: clamp(1.25rem, 4vw, 4rem);
  --measure: 34em;
  --measure-wide: 46em;
  --max-width: 90rem;

  /* -- beweging: traag, organisch, duur ------------------------ */
  --ease-bloom: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft: cubic-bezier(0.45, 0.05, 0.15, 1);
  --dur-slow: 1.4s;
  --dur-med: 0.9s;
  --dur-fast: 0.45s;

  /* -- lijnwerk (het bloemmotief) ------------------------------ */
  --line-w: 1.3;
  --radius-soft: 2px;
}

/* ============================================================
   Nachtmodus: papier wordt donker, inkt wordt cream.
   Gekleurde blokken (mosgroen, walnoot) blijven zichzelf.
   ============================================================ */
:root[data-theme="dark"] {
  --krijt: #1D1B17;          /* papier, nu donker */
  --terrazzo: #272420;       /* licht vlak, nu laag donker */
  --antraciet: #EDE7DC;      /* inkt, nu cream */

  --bloesem-ink: #D8A79E;    /* op donker papier bloeit de zachte roze zelf op */
  --krijt-70: rgba(29, 27, 23, 0.7);
  --inkt-12: rgba(237, 231, 220, 0.16);
  --inkt-08: rgba(237, 231, 220, 0.09);
  --inkt-55: rgba(237, 231, 220, 0.62);
}