/* =====================================================================
   De Swarte Draeck — design tokens "Inkt & rijstpapier"
   GEGENEREERD — wijzig design-tokens.json en draai python dsd-kit/tokens/build_tokens.py.
   Superset van css/dsd-tokens.css (legacy-namen eerst, identieke waarden) + 3D-aliassen + nieuwe tokens.
   Laden:  <link rel="stylesheet" href="…/tokens/dist/dsd-tokens.css?v=…">
   ===================================================================== */
:root{
  /* legacy — exact gelijk aan css/dsd-tokens.css */
  --rijst:#F4EFE4;
  --rijst2:#EFE7D6;
  --rijst3:#E8DEC9;
  --inkt:#1A1A1A;
  --inkt2:#2B2B2B;
  --grijs1:#4F4B46;
  --grijs2:#857E74;
  --grijs3:#C8BFAE;
  --dgoud:#B08A32;
  --goud:#D9B45C;
  --goudtint:#EBDDB9;
  --goudlicht:#F3E9CF;
  --rood:#B23A2A;
  --roodtint:#F1D9D2;
  --f-kop:'Oswald','Segoe UI',sans-serif;
  --f-serif:'Cormorant Garamond',Georgia,serif;
  --f-tekst:'Source Sans 3','Segoe UI',sans-serif;
  --f-mono:'IBM Plex Mono',Consolas,monospace;
  --f-kalli:'Ma Shan Zheng','Noto Serif SC',serif;
  --f-zh:'Noto Serif SC',serif;
  --mx:16mm;
  --top:21mm;
  --bodem:19mm;
  /* kleur */
  --zegeltekst:#F8E9DF;
  --bloesem:#E9BFC8;
  --bloesem-hart:#B4566C;
  --bureau:#9C9A94;
  --inktwas:rgba(43,43,43,.05);
  --goudwas:rgba(176,138,50,.07);
  --dgoud-rgb:176,138,50;
  --goud-rgb:217,180,92;
  --inkt-rgb:26,26,26;
  --rijst-rgb:244,239,228;
  --rood-rgb:178,58,42;
  /* A4-raster */
  --a4-b:210mm;
  --a4-h:297mm;
  --kader-inset:6.5mm;
  /* ruimte (web) */
  --ruimte-1:4px;
  --ruimte-2:8px;
  --ruimte-3:12px;
  --ruimte-4:16px;
  --ruimte-5:24px;
  --ruimte-6:32px;
  --ruimte-7:48px;
  --ruimte-8:64px;
  --ruimte-9:96px;
  /* web-layout */
  --gutter:16px;
  --max-tekst:68ch;
  --max-pagina:1180px;
  --kop-hoogte:64px;
  /* lettergrootte web */
  --fs-xs:.75rem;
  --fs-s:.875rem;
  --fs-m:1rem;
  --fs-l:1.25rem;
  --fs-xl:1.75rem;
  --fs-2xl:clamp(2rem,1.4rem + 3vw,3.25rem);
  --fs-3xl:clamp(2.6rem,1.6rem + 5vw,4.75rem);
  --sp-kapitaal:.3em;
  --sp-kop:.04em;
  --lh-tekst:1.55;
  --lh-kop:1.1;
  /* lettergrootte A4 */
  --pt-tekst:9.5pt;
  --pt-klein:7.5pt;
  --pt-rubriek:7pt;
  --pt-lead:12.5pt;
  --pt-prijs:11pt;
  --pt-totaal:19pt;
  --pt-h1:28pt;
  /* hoekafronding */
  --straal-zegel:.8mm;
  --straal-s:2px;
  --straal-m:4px;
  --straal-rond:50%;
  /* schaduw */
  --schaduw-pagina:0 4px 30px rgba(0,0,0,.35);
  --schaduw-kaart:0 1px 0 rgba(176,138,50,.25),0 8px 24px rgba(26,26,26,.08);
  --schaduw-zegel:0 0 0 .2mm rgba(178,58,42,.35);
  /* lijnen */
  --lijn-goud:rgba(176,138,50,.55);
  --lijn-goud-zacht:rgba(176,138,50,.35);
  --lijn-goud-sterk:rgba(176,138,50,.75);
  --lijn-dikte:.25mm;
  --lijn-web:1px;
  /* beweging */
  --duur-kort:160ms;
  --duur:320ms;
  --duur-lang:640ms;
  --ease:cubic-bezier(.2,.7,.2,1);
  /* opaciteit ornamenten */
  --op-watermerk:.05;
  --op-vlek:.11;
  --op-tak:.8;
  --op-bergen:.5;
  /* lagen */
  --z-decor:0;
  --z-inhoud:2;
  --z-ornament:3;
  --z-kop:5;
  --z-overlay:50;
  /* kozijnschema */
  --kozijn-kader:#1A1A1A;
  --kozijn-vlak:#E9E3D5;
  --kozijn-glas:#D6DCDA;
  --kozijn-paneel:#4E5256;
  --kozijn-groef:#77797C;
  --kozijn-greep:#C9CDD0;
  --kozijn-draai:#B08A32;
  --kozijn-schuif:#B23A2A;
  --kozijn-vast:#857E74;
  --kozijn-garage:#D9B45C;
  /* aliassen 3D-site (app.css) */
  --inkt-2:var(--inkt2);
  --grijs:var(--grijs1);
  --grijs-2:var(--grijs2);
  --lijn:#DCD3C1;
  --lijn-sterk:var(--grijs3);
  --antraciet:var(--inkt2);
  --accent:var(--goud);
  --accent-tekst:var(--dgoud);
  --accent-zacht:var(--goudlicht);
  --niet:var(--rood);
  --niet-zacht:var(--roodtint);
}