/**
 * tokens.css — Design-System-Variablen (Fallback-Defaults).
 *
 * Dieses File definiert ALLE CSS Custom Properties als Dark-Navy-Defaults.
 * Es wird von backend.php (ohne Inline-Style-Block) und von frontend.php
 * (mit Inline-Style-Block der DANACH geladen wird) verwendet.
 *
 * Ladereihenfolge Backend:
 *   tokens.css (diese Datei)  →  base.css  →  backend.css
 *   Das Backend liest direkt aus tokens.css — die Dark-Navy-Werte werden
 *   vollständig verwendet, kein Inline-Style überschreibt sie.
 *
 * Ladereihenfolge Frontend (frontend.php):
 *   tokens.css  →  base.css  →  frontend.css  →  [inline <style> DANACH]
 *   Der PHP-berechnete Inline-Style wird nach allen <link>-Tags geladen und
 *   überschreibt damit die Defaults hier korrekt mit den Operator-Farben.
 *
 * @since 0.8.0
 * @since 0.9.5  Alle Farb-Defaults wieder aufgenommen (entfernt in v0.9.5-alpha
 *               — Fehler: Backend hat keinen Inline-<style>-Block und lief damit
 *               ohne jegliche Farbdefinitionen). Alle Opacity-Varianten als
 *               statische rgba()-Defaults vorhanden.
 */

:root {

  /* ===========================================================
     Backgrounds
     =========================================================== */
  --bg:       #070c18;
  --bg-elev-1: #0d1426;
  --bg-elev-2: #121b31;
  --bg-elev-3: #17223d;

  /* Opacity-Varianten für Hintergrundebenen */
  --bg-page-a82: rgba(7,  12, 24, 0.82);
  --bg-page-a72: rgba(7,  12, 24, 0.72);
  --bg-card-a88: rgba(18, 27, 49, 0.88);
  --bg-card-a92: rgba(18, 27, 49, 0.92);
  --bg-card-a96: rgba(18, 27, 49, 0.96);
  --bg-card-a98: rgba(18, 27, 49, 0.98);
  --bg-surf-a96: rgba(13, 20, 38, 0.96);

  /* ===========================================================
     Borders / Lines
     =========================================================== */
  --line:        rgba(114, 146, 255, 0.18);
  --line-strong: rgba(114, 146, 255, 0.32);
  --line-subtle: rgba(114, 146, 255, 0.12);

  /* ===========================================================
     Text
     =========================================================== */
  --text:      #eef3ff;
  --text-soft: #b4c0e0;
  --text-dim:  #7f8db1;
  --text-nav:  #b4c0e0;

  /* ===========================================================
     Primary brand colour + pre-computed opacity variants
     =========================================================== */
  --primary:        #5fa8ff;
  --primary-strong: #5fa8ff;
  --brand-primary:  #5fa8ff;

  --primary-a06: rgba(95, 168, 255, 0.06);
  --primary-a07: rgba(95, 168, 255, 0.07);
  --primary-a08: rgba(95, 168, 255, 0.08);
  --primary-a09: rgba(95, 168, 255, 0.09);
  --primary-a10: rgba(95, 168, 255, 0.10);
  --primary-a16: rgba(95, 168, 255, 0.16);
  --primary-a18: rgba(95, 168, 255, 0.18);
  --primary-a22: rgba(95, 168, 255, 0.22);
  --primary-a25: rgba(95, 168, 255, 0.25);
  --primary-a32: rgba(95, 168, 255, 0.32);

  /* ===========================================================
     Accent colour + opacity variants
     =========================================================== */
  --accent:       #6e78ff;
  --brand-accent: #6e78ff;

  --accent-a08: rgba(110, 120, 255, 0.08);
  --accent-a14: rgba(110, 120, 255, 0.14);

  /* ===========================================================
     Semantic
     =========================================================== */
  --success: #23c16b;
  --warning: #ffbf5f;
  --danger:  #ff6b7d;

  /* ===========================================================
     Non-colour design tokens (never overridden by branding)
     =========================================================== */
  --shadow:     0 12px 40px rgba(0, 0, 0, 0.35);
  --radius-sm:  10px;
  --radius-md:  16px;
  --radius-lg:  22px;
  --max-width:  1280px;
  --font-stack: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}