/* tokens.css · v2 · 2026-07-09 17:40 · BASE · + Bandhoehen-Tokens (R42); Radius, Schatten, tx-Leiter */
/* =====================================================================
   NO-LL · tokens.css – zentrale Design-Token (Radius + Schatten)
   Eigentuemer: BASE-Chat (R39). Aenderungswuensche laufen ueber BASE, nicht selbst editieren.
   Geladen in head.php als /assets/css/tokens.css (vor allen Include-Styles).

   ABGESTUFTES SYSTEM – nicht ein Radius für alles:
   - Card  : große Feature-/CTA-/Foto-Karten
   - Tile  : normale Inhalts-/Statistik-Kacheln
   - Chip  : Buttons, Badges, kleine Marker/Icon-Rahmen

   ECKIG BLEIBEN (kein Radius, kein Schatten):
   durchgehende Farb-/Bänder, Trennlinien/Hairlines, Tabellen und
   tabellenartige Raster, randvolle Fotos/Grafiken (nur overflow:hidden),
   Navileiste- und Footer-Flächen, Sektionsbänder.

   SCHATTEN-ROLLEN:
   - --shadow-soft     : nur große Feature-/CTA-/Foto-Karten (selten = wirksam)
   - --shadow-soft-sm  : Default für normale Kacheln
   Schatten nur auf HELLEM Grund. Auf farbigen Bändern KEIN Schatten.
   ===================================================================== */

:root {
  --radius-card: 20px;
  --radius-tile: 12px;
  --radius-chip: 8px;

  --shadow-soft:    0 22px 60px rgba(31, 56, 100, .18);
  --shadow-soft-sm: 0 6px 20px rgba(31, 56, 100, .10);

  /* ── TEXT-STÄRKE (Deckkraft-Leiter, SSOT) ──
     Drei Stufen über Deckkraft, nicht über den Schnitt.
     A Stark 98 · B Mittel 90 · C Fein 80
     -inv = gespiegelt (Weiß) für dunkle Bänder / Footer. */
  --tx-strong:     rgba(31, 56, 100, .98);   /* A · Stark  · Fließtext, das Wichtige */
  --tx-mid:        rgba(31, 56, 100, .90);   /* B · Mittel · Bildunterschriften, Sekundär */
  --tx-fine:       rgba(31, 56, 100, .80);   /* C · Fein   · Quellen, kleine Labels */
  --tx-strong-inv: rgba(255, 255, 255, .98); /* A auf Navy */
  --tx-mid-inv:    rgba(255, 255, 255, .90); /* B auf Navy · Footer-Body */
  --tx-fine-inv:   rgba(255, 255, 255, .80); /* C auf Navy · Footer-Recht, Gender-Hinweis */

  /* ── BANDHOEHEN (SSOT, R42) ──
     Einzige Quelle fuer die Hoehe des Kopfbands. banner.php und nav.php lesen sie.
     LAYOUT-Tokens werden OHNE Fallback gelesen (Kanon R42) – ein stiller Rueckfall
     auf einen veralteten Zweitwert ist gefaehrlicher als eine sichtbar fehlende Hoehe.
     (Farb-/tx-Tokens behalten ihren rgba-Fallback.)
     Wer darauf aufbaut – Overlays, sticky, scroll-margin-top – liest die Variable,
     kodiert KEINE Zahl hart. */
  --nollban-h: 275px;            /* Desktop: Gesamtband inkl. Navizeile */
}

@media (max-width: 640px) {
  :root {
    --nollban-mobile-h: 205px;   /* Mobil: Gesamtband = Motivfeld + Navi-Streifen */
    --nollban-motif-h:  167px;   /* Mobil: Hoehe des Motivfelds oben */
  }
}