/* ============================================================================
   bfbern-theme.css  —  Zentrales Design-Theme der Denkwerkstatt KI
   Einzige Quelle der Wahrheit für Farben, Flächen und Schriften aller Apps.

   Nutzung:
   - Online-Apps (Variante A): per <link rel="stylesheet"> einbinden, z. B.
       <link rel="stylesheet" href="https://assets.bfbern.app/bfbern-theme.css">
     → Farbänderungen wirken sofort für alle Apps.
   - SPA/Offline-Apps (Variante B): diesen Inhalt in einen markierten Style-Block
     mit id="bfbern-theme" betten (siehe assets/README.md). Das Skript
     assets/theme_sync.py kopiert diese Datei dorthin — nicht von Hand ändern,
     immer hier am Master ändern und dann synchronisieren.

   Benennungsschema: Material-Stil (--surface, --on-surface, --primary, ...).
   Farbänderung? Nur die kanonischen Tokens unten anpassen.
   ========================================================================= */

:root {
  /* --- Flächen --- */
  --surface: #f9f9f9;
  --surface-container-low: #f3f3f3;
  --surface-container: #eeeeee;
  --surface-container-high: #e8e8e8;
  --surface-container-lowest: #ffffff;

  /* --- Text / Kontur --- */
  --on-surface: #1a1c1c;
  --on-surface-variant: #45474d;
  --outline: #75777d;
  --outline-variant: #c5c6cd;

  /* --- Primärfarbe (Feuerwehr-Rot) --- */
  --primary: #c62828;
  --primary-container: #8e0000;
  --on-primary: #ffffff;

  /* --- Statusfarben --- */
  --error: #ba1a20;
  --ok: #1b7a3d;
  --warn: #9a6700;
  --info: #0b4a9c;

  /* --- Schriften (Fonts via <link> im HTML einbinden) --- */
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;

  /* ------------------------------------------------------------------------
     Kompatibilitäts-Aliase — mappen ältere Token-Namen der bestehenden Apps
     auf die kanonischen Tokens. So kann eine App ihr eigenes :root durch dieses
     Theme ersetzen, ohne alle var(--...)-Verweise umschreiben zu müssen.
     Für neue Apps NICHT verwenden — dort direkt die kanonischen Tokens nutzen.
     --------------------------------------------------------------------- */
  --bg: var(--surface);
  --s0: var(--surface-container-lowest);
  --s1: var(--surface-container);
  --s2: var(--surface-container);
  --s3: var(--surface-container-high);
  --card: var(--surface-container-lowest);
  --surface-low: var(--surface-container);
  --border: var(--outline-variant);
  --border-hi: var(--outline);
  --text: var(--on-surface);
  --muted: var(--on-surface-variant);
  --on-surface-muted: var(--on-surface-variant);
  --dim: var(--outline);
  --primary-h: var(--primary-container);
  --primary-dark: var(--primary-container);
  --red: var(--error);
  --green: var(--ok);
  --success: var(--ok);
  --warning: var(--warn);
  --amber: var(--warn);
}