/* ==========================================================================
   Lichtspiel — Farb- und Form-Tokens
   Autorität: lichtspiel-design-sprache-v0-1.md §1/§2/§3
   design_version: ds-2026-07-27a

   DIES IST DIE EINZIGE DATEI MIT HEXWERTEN. Jede Komponente referenziert
   ausschließlich Tokens — ein Hexwert in stil.css oder einem Template ist
   ein Fehler, kein Sonderfall (Abnahmekriterium 1 des Auftrags F1).
   ========================================================================== */

:root {
  /* --- Grau-Leiter I „Schieferlicht" -------------------------------------
     Quelle: 4a-Mockup / delta-dokumentation-v0-2, bestätigt 27.07.
     Dark only, kein Light-Mode (Design-Sprache §0.5).

     Prinzip der Leiter: die Stufen Grund → Leiste → Karte liegen je
     ~3–4 % Helligkeit auseinander (v0.1: nur ~1–2 %) — das ist die
     Antwort auf „Einheits-schwarz": nicht ein Wert war zu dunkel, die
     Leiter war zu eng gestuft. Der Bildgrund bleibt der tiefste Wert,
     damit die Renders leuchten. */
  --nacht:      #14171A;   /* Seitengrund            (v0.1: #0E1012) */
  --hero:       #1D2125;   /* angehobene Flächen     (v0.1: #141618) */
  --karte:      #272C31;   /* Karten, Panels         (v0.1: #191C1F) */
  --bild-grund: #0A0B0C;   /* Grund hinter Bildern — unverändert      */
  --linie:      #363C43;   /* Hairlines, Trenner     (v0.1: #2A2E32) */
  --linie-hell: #4B525A;   /* Rahmen interaktiver E. (v0.1: #3C4147) */
  --text:       #EDEEEF;   /* Primärtext */
  --text-neben: #B9BDC1;   /* Fließtext-/Lede-Ton */
  --grau:       #9AA0A6;   /* Labels, Meta, Sekundäres */
  --grau-tief:  #6E747B;   /* Beschriftung auf Bühnen-Platzhaltern (4a) */

  /* --- Akzent: ein Farbton, zwei Erscheinungsformen (§3) -----------------
     Kern TRÄGT (kleine Flächen, Linien, Text), Schein LEUCHTET (nur
     box-shadow). Der Schein ist nie Füllung, Rahmen oder Textfarbe.
     Feinjustierung ist Ein-Zeilen-Arbeit (offener Punkt §8.1 der
     Design-Sprache, Werkzeug: lichtspiel-runde3-blende.html) — beide
     Werte gehören zusammen: Schein = Kern-Ton, +18 % Helligkeit, 20 % Alpha. */
  --wolfram-kern:   #CB933E;                   /* hsl(36, 58%, 52%) */
  --wolfram-schein: hsla(36, 58%, 70%, .20);

  /* --- Signalfarbe -------------------------------------------------------
     Fehler brauchen einen eigenen Ton — Wolfram ist Licht, nicht Alarm,
     und die Verbotsliste (§3) hält ihn aus Fehlerzuständen heraus.
     Bewusst entsättigt: ein schreiendes Rot widerspräche der Monochromie. */
  --fehl:       #C97A6B;

  /* --- Typografie (§2) ---------------------------------------------------
     Fallback-Kette ohne lokale Schriftnamen — Lehre aus Square 721:
     lokal installierte Schriften zeigen dem Gründer ein anderes Produkt
     als dem Kunden. */
  --display: "Jura", system-ui, sans-serif;    /* H1/H2, Werktitel, Panels */
  --lauf:    "Saira", system-ui, sans-serif;   /* Fließtext, Labels, Buttons */

  /* Schrift-Basis — der EINE Regler für „in Gänze größer/kleiner".
     Alle Schriftgrößen in stil.css sind rem-relativ dazu; Abstände
     bleiben absolut, damit die Schrift wächst und nicht das Layout.
     100 % = 16 px (Browser-Standard) · 112.5 % = 18 px. */
  --schrift-basis: 112.5%;

  /* Laufweiten — Versalsatz ist das Erkennungszeichen (§2) */
  --sperr-eyebrow: .26em;
  --sperr-panel:   .28em;
  --sperr-taste:   .18em;
  --sperr-werk:    .16em;

  /* --- Bewegung (§4) ----------------------------------------------------- */
  --takt:       .2s;
  --takt-ruhig: .4s;      /* Bild-Hover */
  --kurve:      cubic-bezier(.4, 0, .2, 1);
}