/* =====================================================================
   tokens.css — EINZIGE Stelle für CI-Werte (Farben, Fonts, Radien, Easings)
   CI-Stand 28.09.2026: Navy #012B55 als Markenfarbe, Weiß und warmes Off-White als Flächen,
   Kein Orange (Dominik, 28.09.2026): Akzent ist Navy, auf dunklen Flächen Weiß.
   Schrift: Mulish (eine Familie, 900 für Headlines, 800 für Leads, 400/500 Fließtext), self-hosted, OFL. Vorbild ki-gastgeben.de.
   Logo: Doppelrahmen mit „DB“ in Mulish 900.
   Keine Layoutregeln hier.
   ===================================================================== */
:root {
  /* Marke */
  --navy: #012B55;
  --navy-2: #0B3A6B;        /* hellere Navy für Verläufe und Hover */
  --navy-3: #164C85;
  --sky: #8CC4FF;           /* Hellblau: Icons, Linien auf Navy */
  --accent: #012B55;        /* Akzent = Navy (kein Orange) */
  --accent-ink: #FFFFFF;    /* Text auf Akzent */
  --accent-2: #164C85;      /* Akzent Hover */

  /* Abgeleitet (Kompatibilität zu älteren Regeln) */
  --c1: var(--navy-3);
  --c2: #2F7BD6;
  --c3: var(--sky);

  /* Flächen und Text (heller Modus ist Default) */
  --bg: #FFFFFF;
  --bg2: #F6F7F9;           /* Off-White für Wechselsektionen */
  --bg-card: #FFFFFF;
  --ink: #0F1C2E;           /* fast schwarz mit Blaustich, weicher als reines Navy */
  --ink-dim: #4A5568;
  --ink-faint: #8A94A6;
  --line: #E3E7EE;
  --btn-bg: var(--navy);
  --btn-ink: #FFFFFF;
  --ok: #1E8E5A;
  --warn: #C9A227;
  --err: #C62828;

  /* Glas/Karten auf Navy */
  --glass: rgba(255, 255, 255, .06);
  --glass-border: var(--line);
  --glass-strong: rgba(255, 255, 255, .12);

  /* Typografie */
  --font-h: 'Mulish', 'Segoe UI', system-ui, sans-serif;
  --font-d: 'Mulish', 'Segoe UI', system-ui, sans-serif;
  --font-b: 'Mulish', 'Segoe UI', system-ui, sans-serif;
  --track-wide: .22em;
  --track-mid: .14em;

  /* Radien */
  --r-pill: 999px;
  --r-card: 20px;
  --r-item: 14px;
  --r-input: 12px;

  /* Bewegung */
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --dur-fast: .25s;
  --dur: .6s;

  /* Schatten */
  --shadow-card: 0 1px 2px rgba(15, 28, 46, .04), 0 12px 32px rgba(15, 28, 46, .08);
  --shadow-float: 0 24px 64px rgba(1, 43, 85, .28);
}

/* Dunkler Modus ist nicht vorgesehen; Navy-Sektionen werden per Klasse .navy gesetzt. */