/* ExeiBit design tokens — bron: prototype v33 (30-09-2026).
   Gebruik alleen deze waarden. Nieuwe waarde nodig? Eerst hier toevoegen, met akkoord van Rowie. */
:root {
  color-scheme: dark;
  /* kleur: vlakken */
  --bg: #04060c;
  --bg2: #070b15;
  --bg3: #0a0f1d;
  --panel: rgba(8, 12, 24, 0.56);
  --panel2: rgba(12, 18, 34, 0.72);
  --panel3: #131c31;
  --glass: rgba(8, 12, 24, 0.56);
  --glass-2: rgba(12, 18, 34, 0.72);
  --line: rgba(190, 210, 255, 0.13);
  --line2: rgba(190, 210, 255, 0.24);
  /* kleur: tekst */
  --ink: #f2f5fb;
  --ink2: #c3cddd;
  --ink3: #8b97ad;
  --peri: #aab8ff;
  --hash: #a9b4ff;
  /* kleur: accent en status */
  --white: #fff;
  --black: #000;
  --sky: #6b9bff;
  --blue-soft: #9cc0ff;
  --on-accent: #04101f;
  --on-amber: #1a1204;
  --blue: #3b82f6;
  --cyan: #22d3ee;
  --ok: #34d399;
  --amber: #f5b04c;
  --bad: #f87171;
  /* kleur: wit met vaste transparantie */
  --w-03: rgba(255, 255, 255, 0.03);
  --w-05: rgba(255, 255, 255, 0.05);
  --w-08: rgba(255, 255, 255, 0.08);
  --w-12: rgba(255, 255, 255, 0.12);
  --w-18: rgba(255, 255, 255, 0.18);
  --w-30: rgba(255, 255, 255, 0.3);
  --w-50: rgba(255, 255, 255, 0.5);
  --w-70: rgba(255, 255, 255, 0.7);
  --w-90: rgba(255, 255, 255, 0.9);
  /* kleur: papier (het klantrapport, licht) */
  --paper: #fbfaf6;
  --paper-ink: #15171d;
  --paper-ink2: #2b3039;
  --paper-soft: #555b66;
  --paper-muted: #7a7e88;
  --paper-line: #e4e0d4;
  --paper-accent: #1d4ed8;
  --paper-accent-line: #bfd3fb;
  --paper-accent-bg: #eef4ff;
  --paper-ok: #047857;
  --paper-ok-line: #a7e3c9;
  --paper-ok-bg: #ecfbf3;
  --paper-warn: #b45309;
  --paper-warn-line: #f3d19c;
  --paper-warn-bg: #fff7ea;
  /* letters */
  --display: "Inter Tight", "Inter", system-ui, -apple-system, sans-serif;
  --body: "Inter", system-ui, -apple-system, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --fs-2xs: 10px;
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-md: 13px;
  --fs-base: 14px;
  --fs-body: 15px;
  --fs-lg: 16px;
  --fs-xl: 18px;
  --fs-2xl: 20px;
  --fs-3xl: 24px;
  --fs-4xl: 34px;
  /* hoeken */
  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 20px;
  --r-2xl: 24px;
  --r-pill: 999px;
  --r: 20px;
  /* ruimte: altijd een even aantal px (2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 24, 32) */
  /* diepte en effect */
  --blur: blur(22px) saturate(1.3);
  --lift: 0 40px 100px -40px rgba(0, 0, 0, 0.75);
  /* lagen */
  --z-bar: 30;
  --z-nav: 40;
  --z-scrim: 50;
  --z-sheet: 51;
  --z-login: 60;
  /* maten */
  --tabh: 64px;
  /* breekpunten (media queries lezen geen var()): klein ≤480px · desktop ≥980px */
}