/* ============================================================
   grip-basis.css — de huisstijlvariabelen van Grip.

   Stond woordelijk in het <style>-blok van dashboard_basis.html. De winkel
   heeft dezelfde kleuren en maten nodig maar hangt niet in die schil, en een
   tweede kopie gaat een keer afwijken -- zie de opmerking in mijn.css over de
   vierde keer dat een klasse in één sjabloon woonde. Vandaar hierheen.

   Laad dit VOOR mijn.css: die gebruikt --bruin, --roze, --zand en --radius.
   ============================================================ */
:root{
  --bruin:#654a1f; --bruin-licht:#8a7757; --zand:#f4ede2; --rand:#eadfd2;
  --groen:#6e8b5e; --groen-hover:#5c7650; --rood:#a8502f; --geel:#b5831f;
  --roze:#dccfbe;          /* legacy accent (wordt uitgefaseerd naar --terra) */
  --terra:#e19b7c; --terra-hover:#d0885f;   /* warm accent: labels, stip, secundaire (info-)knop */
  --creme-knop:#f3e9e2;    /* crème knop-vlak/rand (stylesheet) */
  --rail:270px;            /* breedte van de linkerkolom (logo + subnav), consistent */
  --header-h:104px;
  /* variant C: het logo-kader (DESIGN_fundament §6) */
  --beige:#f8f2ec;         /* het contentvlak binnen het kader (crème, stylesheet) */
  --lijn:6.44px;           /* = logo-streek (15) op headerschaal, 1:1 */
  --boog:36.5px;           /* hoekstraal = logo-boog op headerschaal (1:1) */
  --vlak-r:24px; --kaart-r:14px; --knop-r:8px; --roze-vlak:#f2e4de;
}