/* cazt-brand-v2/tokens.css — CAZT merk v2 (licht). GEGENEREERD uit tokens.json door tools/build_tokens.py.
   Niet met de hand editen. Kern-namen = CAZT OS-dashboard + kennisbank, dus overstappen raakt alleen waarden.
   Fonts: laad fonts.css (of eigen @font-face met dezelfde families). */
:root{
  /* kern (zelfde namen als app/css/theme.css en kennisbank-site/assets/site.css) */
  --g:#161514;
  --deep:#241D16;
  --y:#E2561F;
  --soft:#F6DCCD;
  --cr:#F4F2EE;
  --outer:#ECE7DF;
  --sand:#E6DFD4;
  --paper:#FCFAF6;
  --tx:#2A2622;
  --mu:#6B655F;
  --ln:#E4DDD2;
  --ok:#10B981;
  --err:#B4331A;
  /* uitbreiding v2 */
  --y-ink:#A93F18;
  --y-hover:#EF6B34;
  --mu-soft:#8C8884;
  --plate:#E5DBC9;
  --on-dark:#F4F2EE;
  --on-dark-mu:#B9B2A8;
  --ok-ink:#0E7A55;
  --ok-bg:#E2F1E8;
  --warn:#B7791F;
  --warn-ink:#8A5A12;
  --warn-bg:#F6ECD0;
  --err-bg:#F5E0D8;
  --info:#5B6B73;
  --info-bg:#E4E9EA;
  /* letters */
  --serif:'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --sans:Inter, 'Helvetica Neue', Arial, sans-serif;
  --fs-display:clamp(44px, 6.4vw, 76px); --lh-display:1.02; --fw-display:500; --tr-display:-0.015em;
  --fs-h1:clamp(36px, 4.6vw, 54px); --lh-h1:1.05; --fw-h1:500; --tr-h1:-0.01em;
  --fs-h2:clamp(28px, 3.2vw, 38px); --lh-h2:1.1; --fw-h2:500; --tr-h2:-0.005em;
  --fs-h3:23px; --lh-h3:1.2; --fw-h3:600; --tr-h3:0;
  --fs-lead:19px; --lh-lead:1.65; --fw-lead:400; --tr-lead:0;
  --fs-body:16px; --lh-body:1.6; --fw-body:400; --tr-body:0;
  --fs-small:13.5px; --lh-small:1.5; --fw-small:400; --tr-small:0;
  --fs-eyebrow:11px; --lh-eyebrow:1.3; --fw-eyebrow:600; --tr-eyebrow:0.2em;
  --fs-number:clamp(40px, 5vw, 64px); --lh-number:1; --fw-number:500; --tr-number:-0.01em;
  /* vorm */
  --radius:22px; --radius-sm:14px; --radius-lg:30px; --radius-pill:999px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px; --sp-9:96px;
  --shadow-card:0 1px 2px rgba(22,21,20,.04), 0 18px 40px -34px rgba(22,21,20,.45);
  --shadow-lift:0 40px 70px -40px rgba(22,21,20,.55);
  --shadow-glow:0 12px 28px -12px rgba(226,86,31,.65);
  --dur-fast:150ms; --dur:260ms; --ease:cubic-bezier(.22,.8,.26,1);
  --max:1120px; --gutter:24px; --gutter-m:16px; --sidebar-w:272px;
  /* semantische aliassen (nieuw werk: gebruik deze) */
  --cazt-bg:var(--cr);
  --cazt-surface:var(--paper);
  --cazt-band:var(--outer);
  --cazt-ink:var(--g);
  --cazt-text:var(--tx);
  --cazt-muted:var(--mu);
  --cazt-line:var(--ln);
  --cazt-accent:var(--y);
  --cazt-accent-ink:var(--y-ink);
  --cazt-accent-soft:var(--soft);
  /* aliassen die het dashboard al gebruikt (Remy-erfenis) */
  --bg-canvas:var(--cr);
  --bg-card:var(--paper);
  --bg-sidebar:var(--paper);
  --border-soft:var(--ln);
  --text-primary:var(--g);
  --text-secondary:var(--tx);
  --text-tertiary:var(--mu);
  --accent-primary:var(--g);
  --accent-light:var(--soft);
  --accent-mid:var(--y);
  --accent-yellow:var(--y);
  --status-live:var(--ok);
  --status-warn:var(--warn);
  --status-error:var(--err);
  --status-info:var(--info);
  --mk:var(--soft);
  color-scheme:light;
}