/* Somasonic — design system (gedeelde tokenbron voor de guide-pagina's)
   Elke guide leest dit in met <link rel="stylesheet" href="design-system.css">.
   Hier staat het thema-onafhankelijke deel: de typeschaal en de opacity-ladder.
   De KLEUR per pagina (--bg --ink --acc --soft --faint --line) blijft in de
   :root van die pagina zelf, want dat is het thema (cool voor explorer/
   harmonizer/witness, warm voor home). Verander een token hier en alle guides
   bewegen mee. */

:root {
  /* ── Typeschaal ──
     De maten die het ontwerp nu echt gebruikt, één plek. Nog dicht bezet
     (tien stappen binnen een smalle band): een diepere collapse (bv. 14→15,
     13→12) is een volgend voorstel, want die verschuift een hele pixel en
     vraagt je oog, niet een stille sed. */
  --fs-8: 8px;
  --fs-9: 9px;
  --fs-10: 10px;
  --fs-11: 11px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-15: 15px;
  --fs-17: 17px;
  --fs-23: 23px;

  /* ── Opacity-ladder ──
     De alfa-rungen waarmee ink verzacht wordt. De cool-guides gebruiken deze
     twee; home heeft nog losse rgba's (.6/.74/.78/.82/.84) die naar deze
     ladder toe willen, met een zichtbare delta, dus dat gaat als voorstel. */
  --a-soft: .62;
  --a-faint: .34;
}