/* ===================================================================
   Differentiatie 5de leerjaar — design tokens
   Eén bron voor kleur, ruimte en typografie. Wordt als eerste geladen.
   =================================================================== */
:root{
  /* --- inkt & papier --- */
  --ink:#1d2433;
  --ink-soft:#5a6479;
  --ink-faint:#8d95a8;
  --paper:#ffffff;
  --surface:#f7f8fc;
  --surface-2:#eef1f8;
  --line:#dfe3ee;
  --line-strong:#c3c9db;

  /* --- vakkleuren (accenten) --- */
  --taal:#7c3aed;        --taal-bg:#f5f2ff;   --taal-line:#ddd2fe;
  --spelling:#c026d3;    --spelling-bg:#fdf2fd; --spelling-line:#f5cff7;
  --wiskunde:#2563eb;    --wiskunde-bg:#eff5ff; --wiskunde-line:#c9dcfd;
  --frans:#e11d48;       --frans-bg:#fff1f4;  --frans-line:#fbccd6;
  --wereld:#0d9488;      --wereld-bg:#effcfa;  --wereld-line:#b9ece5;
  --natuur:#16a34a;      --natuur-bg:#f0fdf4;  --natuur-line:#bbf0cd;
  --code:#4f46e5;        --code-bg:#f1f1fe;    --code-line:#cdccfa;
  --schat:#b45309;       --schat-bg:#fdf5ea;   --schat-line:#f0d6ac;

  /* --- functionele kleuren --- */
  --tip:#d97706;        --tip-bg:#fffbeb;     --tip-line:#fde9b8;
  --let-op:#dc2626;     --let-op-bg:#fef2f2;  --let-op-line:#fbcfcf;
  --weetje:#0891b2;     --weetje-bg:#ecfbff;  --weetje-line:#bfeaf7;
  --doel:#059669;       --doel-bg:#ecfdf5;    --doel-line:#b6ecd4;

  /* --- ruimte --- */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:22px; --s-6:30px; --s-7:42px;

  /* --- radius --- */
  --r-sm:8px; --r-md:12px; --r-lg:18px; --r-xl:26px; --r-pill:999px;

  /* --- schaduw --- */
  --e-1:0 1px 2px rgba(29,36,51,.06), 0 2px 8px rgba(29,36,51,.05);
  --e-2:0 4px 14px rgba(29,36,51,.09);
  --e-3:0 12px 34px rgba(29,36,51,.13);

  /* --- typografie --- */
  --font-display:'Baloo 2','Segoe UI',system-ui,sans-serif;
  --font-body:'Nunito','Segoe UI',system-ui,sans-serif;
  --font-hand:'Caveat','Segoe Script',cursive;

  /* schermschaal */
  --t-xs:12px; --t-sm:14px; --t-md:16px; --t-lg:19px; --t-xl:24px; --t-2xl:32px; --t-3xl:44px;
}

/* Printschaal: op papier rekenen we in pt zodat de A4 klopt. */
@media print{
  :root{
    --t-xs:8.2pt; --t-sm:9.2pt; --t-md:10.2pt; --t-lg:12pt; --t-xl:15pt; --t-2xl:20pt;
  }
}