/* Merk-tokens Recalora v2 (29-09-2026). Het enige CSS-bestand dat per merk verschilt.
   De variabelenamen komen uit het gedeelde Fable-systeem (--teal, --copper, ...). Ze dragen hier de
   Recalora-kleuren: --teal is in dit merk diepblauw, --teal-light is zand. Geen teal in dit merk. */

  #rcchrome{
    --teal:#1A2E4D; --teal-dark:#14243D; --teal-soft:#EBC79A; --teal-light:#EFE7D8;
    --ink:#141821; --ink-soft:#2B303A; --muted:#4A4F58; --copper:#B87333;
    --bg:#F8F6F1; --bg-alt:#F0EBE0; --line:#D8D4CE; --line-strong:#C9C3B8;
    /* --copper is de vulkleur (lijnen, punten). Als letterkleur haalt hij AA niet op offwhite;
       --copper-txt wel (koper-deep #8E561F: 5,4:1 op #F8F6F1). */
    --copper-txt:#8E561F;
    --sand:#EFE7D8; --mos:#5C6B47;
    /* Bewijsschaal: vier treden, dezelfde kleuren als in de platen van Recalora.
       -vul voor stip, balk en vlak; -txt voor het woord (>= 4,5:1 op wit en op offwhite). */
    --t-sterk:#5C6B47;      --t-sterk-txt:#46522F;
    --t-redelijk:#1A2E4D;   --t-redelijk-txt:#1A2E4D;
    --t-wisselend:#B87333;  --t-wisselend-txt:#8E561F;
    --t-beperkt:#8C8F95;    --t-beperkt-txt:#4A4F58;
    --t-leeg:#DDD7CC;
    --ev-high:var(--t-sterk); --ev-mid:var(--t-redelijk); --ev-low:var(--t-beperkt);
    --ev-empty:var(--t-leeg); --ev-mixed:var(--t-wisselend);
    --foot-bg:#1A2E4D; --foot-bg2:#14243D; --foot-line:rgba(248,246,241,.14); --foot-txt:rgba(248,246,241,.74);
    --serif:"Source Serif 4","Source Serif 4 Fallback","Iowan Old Style",Georgia,serif;
    --sans:"Atkinson Hyperlegible","Atkinson Hyperlegible Fallback",system-ui,-apple-system,"Segoe UI",sans-serif;
    --radius:6px;
    /* Typeschaal: één gewicht per niveau, op alle sjablonen (DESIGN-BRIEF.md). */
    --h1:44px; --h2:30px; --h3:22px; --body:19px; --small:14px;
    font-family:var(--sans); color:var(--ink); box-sizing:border-box; -webkit-font-smoothing:antialiased;
  }
  @media (max-width:800px){
    #rcchrome{ --h1:32px; --h2:25px; --h3:20px; --body:17px; }
  }