/* tb-tokens.css — de enige bron voor de huisstijl van theoriebriljant.nl.
   Richting: Examenbureau (keuze Daan, 3-10-2026).
   Schets: workspaces/theoriebriljant/redesign/schetsen/1-examenbureau.html
   Ontwerp: workspaces/theoriebriljant/redesign/2026-10-03-huisstijl-design.md

   WIJZIG KLEUREN ALLEEN HIER. Staat een kleurwaarde ook ergens anders in eigen CSS,
   dan is dat een fout: tot 3-10-2026 stond de huisstijl op vier plekken met drie
   verschillende oranjes (#FF751F in het logo, #FB6D3A publiek, #F97316 in de app). */

:root{
  /* tekst */
  --tb-ink:#0B1220;
  --tb-ink-2:#44506B;
  --tb-ink-3:#8A94A8;

  /* vlakken */
  --tb-canvas:#FFFFFF;
  --tb-canvas-2:#F6F7F9;
  --tb-canvas-3:#EEF1F5;

  /* lijnen */
  --tb-line:#E2E6ED;
  --tb-line-2:#CFD5E0;

  /* signaal: oranje markeert wat de aandacht verdient, het is geen hoofdkleur.
     De primaire knop is inkt. --tb-accent haalt als tekst op wit geen 4,5:1,
     gebruik daarvoor altijd --tb-accent-ink. */
  --tb-accent:#FF751F;        /* exact de logokleur, gemeten op de pixels */
  --tb-accent-ink:#B5470A;    /* oranje als tekst: 4,6:1 op wit */
  --tb-accent-soft:#FFF3EB;

  /* status */
  --tb-ok:#0F766E;
  --tb-ok-soft:#E6F4F1;
  --tb-warn:#B45309;
  --tb-warn-soft:#FEF4E6;

  /* vorm */
  --tb-r:8px;
  --tb-r-sm:4px;

  /* ruimte */
  --tb-s1:8px;
  --tb-s2:16px;
  --tb-s3:24px;
  --tb-s4:40px;
  --tb-s5:64px;
  --tb-s6:96px;

  /* letters */
  --tb-font:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;

  /* beweging: alleen als antwoord op een handeling */
  --tb-t:180ms;
}

html[data-tb-mode="donker"]{
  --tb-ink:#F2F5F8;
  --tb-ink-2:#A6B0BD;
  --tb-ink-3:#6E7A89;

  --tb-canvas:#0E1116;
  --tb-canvas-2:#151A21;
  --tb-canvas-3:#1C222B;

  --tb-line:#262E39;
  --tb-line-2:#36404D;

  --tb-accent:#FF751F;
  --tb-accent-ink:#FF9A5A;
  --tb-accent-soft:rgba(255,117,31,.13);

  --tb-ok:#34D399;
  --tb-ok-soft:rgba(52,211,153,.12);
  --tb-warn:#FBBF24;
  --tb-warn-soft:rgba(251,191,36,.12);
}

@media(prefers-reduced-motion:reduce){
  :root{--tb-t:0ms}
}