/* AUTOGENERIERT von scripts/design.mjs (npm run design) — NICHT bearbeiten.
   Quelle der Wahrheit: wk-design/tokens.css im Workspace-Root. */

/* ============================================================
   wk-design · tokens.css
   Corporate Design Waggon-Komödianten e.V. — Version 3.3
   Single source of truth. NUR diese Datei bearbeiten —
   `npm run design` verteilt sie in ALLE DREI Anwendungen
   (Archiv, Hauptseite, Portal).

   Was hier steht, gilt überall. Deshalb steht hier auch nichts, was nur an
   einer Stelle stimmt: eine Zahl, die nur die Hauptseite braucht, gehört in
   die Hauptseite. Umgekehrt hat KEINE Anwendung eine eigene Fassung dieser
   Werte mehr — bis zum 31.08.2026 führte das Portal seine eigene Kopie, und
   genau so laufen zwei Häuser auseinander, ohne dass jemand etwas ändert.
   ============================================================ */

:root {
  /* ── Primär: Bordeaux (Theater-Vorhang) ── */
  --bx:     #6E2433;   /* Bordeaux            */
  --bx-d:   #531B27;   /* Bordeaux tief       */
  --bx-h:   #8A3346;   /* Bordeaux hell/hover */

  /* ── Akzent: Laternengold (NUR Detail — nie Text auf Hell) ── */
  --gold:   #C9982E;   /* Laternengold        */
  --gold-h: #E0B752;   /* Gold hell           */
  --gold-d: #A37C1F;   /* Gold dunkel         */

  /* ── Reserve (Notausgang — NUR Status/intern, keine Marke) ── */
  --gruen:  #1F4A3A;

  /* ── Neutrale (hell) ── */
  --creme:  #F4EEDF;   /* Hauptgrund hell / Text auf Dunkel */
  --weiss:  #FBF8F0;   /* heller Alt-Grund   */
  --sand:   #ECE3CC;   /* Panels / Karten    */
  --tinte:  #2A2018;   /* Headlines / Text auf Hell */
  --braun:  #5A4124;   /* Fließtext          */
  --sepia:  #B7A079;   /* gedämpft / Text auf Dunkel */

  /* ── Web-Atmosphäre (nur Bildschirm, theatralisch-dunkel) ── */
  --buehne:    #0a0a0a;  /* Saal-Schwarz (Sektions-Hintergrund) */
  --buehne-2:  #120d0d;  /* leicht warmes Schwarz für Verläufe  */

  /* ── Schriften ── */
  --f-display: 'Fraunces Variable', Fraunces, Georgia, serif;
  --f-body:    'DM Sans Variable', 'DM Sans', system-ui, sans-serif;
  --f-script:  'Great Vibes', cursive; /* nur Print/Urkunden, nicht Web-Body */

  /* ── Fraunces Variation Settings (Display) ── */
  --fd-soft: 44;   /* CD: 40–50 */
  --fd-wonk: 0;    /* CD: 0–1   */

  /* ── Layout-Rhythmus ── */
  --maxw: 1180px;
  --gutter: clamp(20px, 5vw, 80px);

  /* ── Ecken ──────────────────────────────────────────────────
     EINE Zahl für jede Ecke im ganzen Verein: Karten, Kacheln, Knöpfe,
     Eingabefelder, Marken, Fokusrahmen. Seit 31.08.2026 steht sie auf 0 —
     das Corporate Design ist eckig.

     Die Regel dazu ist wichtiger als der Wert: In den Anwendungen wird
     `border-radius` NICHT mehr mit einer Zahl geschrieben, sondern immer als
     `var(--radius)`. Wer ein neues Werkzeug baut, entscheidet damit nur noch,
     OB etwas eine Ecke hat — WIE sie aussieht, steht hier. Aus rund wird
     überall rund, indem man diese eine Zeile ändert und `npm run design`
     laufen lässt.

     Genau EINE Ausnahme, und die ist keine Ecke, sondern eine Form: ein Kreis
     (`border-radius: 50%`) — das Logo im Kopf, der Punkt an „Entwurf
     gesichert". Kreise bleiben Kreise. */
  --radius: 0;

  /* ── Easing ── */
  --ease-curtain: cubic-bezier(.76, 0, .24, 1);
  --ease-soft:    cubic-bezier(.22, .61, .36, 1);
}