/* tokens.css — einzige Quelle für Farb-, Typo- und Motion-Konstanten.
   Farbwerte und Kontraste belegt in Brand-Guide.md §3. */
:root {
  /* Farbe */
  --ground: #FBFAF7;   /* Grund */
  /* UI/UX-Review 2026-08-14, Finding 7: --plate von #F2F0EB auf #EAE7DE
     vertieft (Wechsel zu ground vorher 1.07:1 — unsichtbar; jetzt 1.18:1).
     --ink-2 dafür von #6B6B66 auf #65655F nachgedunkelt, damit Sekundärtext
     auf dem tieferen Plate AA hält: 4.74:1 auf plate, 5.62:1 auf ground,
     5.87:1 auf card (alle rechnerisch belegt, node-Skript im Verlauf). */
  --plate:  #EAE7DE;   /* Abbildungsgrund / getöntes Band */
  --rule:   #E4E1DA;   /* Linie */
  --ink-2:  #65655F;   /* Text sekundär */
  --ink:    #1A1A18;   /* Text — 16.70:1 */
  --link:   #2A3796;   /* Verweise — 9.65:1, unter 2 % Fläche */

  /* Chart-Surface-Umbau 2026-08-14: dunkle Bänder + Karten. Alle Paare
     rechnerisch belegt (WCAG-Formel, node-Skript im Umbau-Verlauf):
     ground auf ink 16.70:1 · dark-2 auf ink 7.05:1 · link-light auf ink
     8.71:1 · Weiß auf link 10.07:1 · ink-2 auf card 5.36:1. */
  --card:       #FFFFFF;   /* Kartenfläche auf hellem Grund */
  --dark-2:     #A6A59D;   /* Text sekundär auf dunklem Band */
  --dark-rule:  #3B3A35;   /* Linie auf dunklem Band */
  --dark-plate: #242421;   /* Abbildungsgrund auf dunklem Band */
  --link-light: #A9B4F2;   /* Verweise auf dunklem Band */

  /* Ebenen-Farben = Skript-Defaults (identisch zu den Inline-Werten der
     Schema-SVGs); je Tool eine Ebenenfarbe als Karten-Kante. */
  --c-sessions: #2962FF;
  --c-fvg:      #FF9800;
  --c-liq:      #00BFA5;
  --c-struct:   #AB47BC;
  --c-macro:    #E040FB;

  /* Schrift */
  --font-serif: "Source Serif 4", "Iowan Old Style", "Palatino Linotype",
                Palatino, Cambria, Georgia, serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  /* Typo-Skala */
  --t-page:    clamp(2.6rem, 6vw, 4.6rem);
  --t-section: clamp(1.9rem, 3.6vw, 2.8rem);
  --t-lead:    clamp(1.15rem, 2vw, 1.375rem);
  --t-body:    1.0625rem;
  --t-meta:    0.8125rem;

  /* Maß */
  --measure-text: 34rem;
  --measure-wide: 58rem;
  /* UI/UX-Review, Findings 1+11: drittes Maß für Diagramm-Bühnen — das
     1200er-viewBox rendert damit nahe 1:1 statt auf 65 % geschrumpft, und
     die Seite bekommt Breitenrhythmus. gap-section gekürzt (vorher bis
     11rem = 352px bei 1440 — mehr Abstand als mancher Abschnittsinhalt). */
  --measure-figure: 76rem;
  --gap-section:  clamp(3.5rem, 10vw, 8rem);
  --pad-x:        clamp(1.25rem, 5vw, 2.5rem);

  /* Motion — Werte verbindlich, siehe Website-Spec.md §4 */
  --ease-out: cubic-bezier(0.33, 1, 0.68, 1);  /* entspricht power2.out */
  --shift: 16px;
}