/* =====================================================================
   css/tokens.css — Zentrale Design-Tokens des lebensraum e.V.
   Eine Quelle für alle öffentlichen Seiten (ersetzt die pro Seite
   duplizierten :root-Blöcke). Bei Änderungen NUR hier anpassen.
   ===================================================================== */
:root{
  --header-h: 68px;

  /* Zwei dezente, helle Hintergründe zum Alternieren */
  --bgA: #f7faf6;   /* sehr helles Grün */
  --bgB: #EBE3D5;   /* helles Gold */

  --text: #1e2b24;               /* Primärtext dunkelgrün */
  --line: rgba(30,43,36,.12);
  --gold: #b59b52;               /* mattes Gold (Waben, Deko, große Headlines, Button-Flächen) */
  --gold-text: #7a6428;          /* abgedunkeltes Gold für Text/Links auf hellem Grund (≥4.5:1, WCAG AA) */
  --gold-ink: #e9d28a;           /* helles Gold für Schrift im Overlay/Modal (dunkler Grund) */

  --shadow-sm: 0 6px 12px rgba(16,24,20,.08);
  --shadow-md: 0 12px 24px rgba(16,24,20,.12);

  --max: 1200px;

  /* Semantische z-index-Stufen */
  --z-header: 1000;
  --z-modal: 1100;

  /* Typografie (self-hosted, siehe assets/fonts/fonts.css) — ausschließlich serifenlos */
  --font-display: 'Bricolage Grotesque', 'Source Sans 3', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-body: 'Source Sans 3', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}