/*
 * Design-Tokens (Doc 03, Abschnitt 6). UPGRADS-CI aus den Logodateien:
 * Dunkelblau #162E51, Himmelblau #9BCFE7. Nur hier ändern.
 */
:root {
  /* Marke */
  --farbe-marke: #162E51;
  --farbe-marke-dunkel: #0F2140;
  --farbe-marke-hell: #24437A;
  --farbe-akzent: #9BCFE7;
  --farbe-akzent-dunkel: #5FAFD6;
  --farbe-akzent-leise: #E6F3FA;
  --farbe-akzent-hauch: #F3F9FC;

  /* Flächen und Text */
  --farbe-hintergrund: #F3F6FA;
  --farbe-flaeche: #FFFFFF;
  --farbe-flaeche-leise: #F7F9FC;
  --farbe-text: #14202F;
  --farbe-text-leise: #5B6B80;
  --farbe-text-hell: #FFFFFF;
  --farbe-text-hell-leise: rgba(255, 255, 255, 0.72);
  --farbe-linie: #DCE4EE;
  --farbe-linie-stark: #B7C4D6;

  /* Zustände */
  --farbe-ok: #187549;
  --farbe-ok-leise: #E3F5EC;
  --farbe-pruefen: #9A5B00;
  --farbe-pruefen-leise: #FFF4E0;
  --farbe-fehler: #B3261E;
  --farbe-fehler-leise: #FBE9E7;

  /* Schrift */
  --schrift: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --schrift-groesse: 17px;
  --schrift-groesse-klein: 14.5px;
  --schrift-groesse-winzig: 12.5px;
  --schrift-groesse-gross: 22px;
  --schrift-groesse-titel: 30px;
  --schrift-groesse-hero: 36px;
  --zeilenhoehe: 1.55;

  /* Abstände */
  --abstand-1: 4px;
  --abstand-2: 8px;
  --abstand-3: 12px;
  --abstand-4: 16px;
  --abstand-5: 24px;
  --abstand-6: 32px;
  --abstand-7: 48px;
  --abstand-8: 64px;

  /* Formen */
  --radius: 18px;
  --radius-klein: 12px;
  --radius-mini: 8px;
  --schatten: 0 1px 2px rgba(22, 46, 81, 0.05), 0 8px 28px rgba(22, 46, 81, 0.07);
  --schatten-stark: 0 12px 40px rgba(22, 46, 81, 0.18);
  --breite-max: 1120px;
  --breite-inhalt: 680px;
  --eingabe-hoehe: 54px;
}