/* ============================================================
   TOKENS — die EINZIGE Datei mit Designentscheidungen.
   Befuellt aus dna.yaml (Style Tile C "Das Buch" + Violett V2),
   19.08.2026. Alles andere referenziert nur Variablen.
   ============================================================ */

:root {
  /* Farben (dna.yaml: anzahl-max 4, zwei Akzente mit getrennten Jobs) */
  /* Aufgehellt 19.08.2026 (Feedback Paul: "wirkt duester"): Papier fast
     weiss-warm, Toenung nur noch ein Hauch. Das helle Buchseiten-Gefuehl
     traegt die Seite, Tiefe kommt allein aus Footer und Typografie. */
  --farbe-flaeche: #fbf8f2;      /* helles, warmes Papier */
  --farbe-flaeche-alt: #f3eee3;  /* Toenung, nur ein Hauch */
  --farbe-text: #2b2620;         /* warmes Fast-Schwarz; auch die EINE Dunkelflaeche (Footer) */
  --farbe-text-gedimmt: color-mix(in srgb, var(--farbe-text) 62%, var(--farbe-flaeche));
  --farbe-akzent: #ef9d11;       /* Gelb (Wunsch Paul 19.08.2026, ersetzt Rostrot ueberall):
                                    Initiale, Kapitelmarke, Akzentkante, stille Zeile.
                                    WARNUNG dokumentiert: Kontrast auf Papier nur ~2:1,
                                    kleine gelbe Texte sind schwer lesbar. */
  --farbe-akzent-2: #6339c4;     /* Violett V2: fuehrt weiter (Links, Kapitel-Nav, kleine Zeichen)
                                    und ist eine der Pigment-Farben. NIE als Flaeche (dna.yaml). */
  --farbe-akzent-3: #efa13a;     /* Logo-Orange (Kundenbranding 19.08.2026): Marke, Vogel,
                                    Pigment-Deko. NIE fuer Fliesstext (Kontrast zu schwach). */
  --farbe-auf-akzent: #f7f3ea;   /* auf Rostrot: 7.4:1, auf Dunkelflaeche: 10+:1 — geprueft */
  --farbe-linie: color-mix(in srgb, var(--farbe-text) 18%, transparent);

  /* Typografie — geladen in fonts.css per @font-face (selbst gehostet).
     Buch-Logik: Literata traegt Display UND Lesetext, Mulish nur
     Bedienelemente (Buttons, Labels, Meta, Navigation, Kapitelmarken). */
  --schrift-display: "Literata", Georgia, serif;
  --schrift-text: "Literata", Georgia, serif;
  --schrift-ui: "Mulish", system-ui, sans-serif;
  --display-gewicht: 700;
  --skala: 1.25;                 /* aus dna.yaml */
  --text-basis: 1.1875rem;       /* 19px: Lesetext ist der Kern dieser Seite */
  --text-s: calc(var(--text-basis) / var(--skala));
  --text-m: var(--text-basis);
  --text-l: calc(var(--text-basis) * var(--skala));
  --text-xl: calc(var(--text-l) * var(--skala));
  --text-2xl: calc(var(--text-xl) * var(--skala));
  --text-3xl: calc(var(--text-2xl) * var(--skala));
  --text-display: calc(var(--text-3xl) * var(--skala));
  --zeilenhoehe-text: 1.75;      /* Buchsatz: grosszuegiger Durchschuss */
  --zeilenhoehe-eng: 1.18;

  /* Form */
  --radius: 3px;                 /* aus dna.yaml: fast kantig, Buchsatz-Anmutung */
  --linie: 1px solid var(--farbe-linie);

  /* Oberflaechen-Register (dna.yaml -> oberflaeche): kontur feine-linien,
     toenung wechselflaechen, akzentkante an-zitaten. Rest bleibt aus. */
  --schatten-flach: none;
  --schatten-schwebend: none;
  --kontur: 1.5px solid var(--farbe-text);   /* gefasste Buttons und Kaesten (Violett-Dominanz zurueckgenommen 19.08.2026) */
  --verlauf-zonierung: none;
  --verlauf-akzent: none;
  --farbe-toenung: var(--farbe-flaeche-alt); /* Wechselflaechen-Rhythmus Papier/getoent */
  --akzentkante: 3px solid var(--farbe-akzent); /* an Zitaten (fremde Stimmen) */

  /* Layout (dna.yaml: 680 Satzspiegel, 1100 Chrome/Buehnen) */
  --container-max: 1100px;
  --satzspiegel: 680px;          /* Kapitel und Lesestrecken */
  --raum-1: 0.5rem;
  --raum-2: 1rem;
  --raum-3: 2rem;
  --raum-4: 4rem;
  --raum-sektion: 7rem;          /* Dichte locker (struktur-abstrakt) */
  --textspalte: 62ch;
}