/*
 * Design-Tokens (KPTSM-15). Einzige Quelle für Farben und Maße; base.css und alle späteren Seiten nutzen nur diese Tokens.
 *
 * Konvention: Farbpaare heißen --<name>-bg und --<name>-fg. test/branding.test.js prüft jedes Paar automatisch auf
 * WCAG AA (mindestens 4,5:1), die Farbton-Regel (kein Grün/Hellblau außer Marke, Konflikt rot) und die Startwerte.
 * Neues Paar anlegen = automatisch geprüft. Ein Token ist entweder ein fester Hex-Wert oder ein einzelner Verweis var(--anderer-token);
 * der Test löst die Verweise auf. So hängt das abgeleitete VfL-Grün (--vfl-gruen-text) an genau einer Stelle.
 */
:root {
  color-scheme: light;

  /* Marke (AK03). Exakte Werte der Vereine. */
  --marke-vfl-gruen: #278C35;
  --marke-logo-gruen: #34BC53;
  --marke-kickers-hellblau: #01B0F1;
  --marke-weiss: #FFFFFF;

  /*
   * Abgeleitet für Text (AK05): das Marken-Grün #278C35 erreicht auf Weiß nur 4,30:1 (AA verlangt 4,5:1 für normalen Text).
   * Wo Text auf oder in VfL-Grün steht, gilt diese dunklere Variante des gleichen Farbtons (5,40:1 auf Weiß).
   * Das exakte Marken-Grün bleibt für Linien und Flächen ohne Text. Weiß auf Hellblau erreicht nur 2,48:1, deshalb dunkle Schrift.
   */
  --vfl-gruen-text: #217A2F;
  --text-auf-hellblau: #14231A;

  /* Flächen, Text, Linien */
  --flaeche-seite: #F3F6F4;
  --flaeche-karte: #FFFFFF;
  --flaeche-wochenende: #E8EEEA;  /* getönter Tag Sa/So im Kalender (KPTSM-20), Text --text darauf mindestens 4,5:1 */
  --ueberlagerung: rgba(20, 35, 26, 0.55);  /* Hintergrund hinter modalen Popups (KPTSM-56) */
  --text: #14231A;
  --text-gedaempft: #4A5A52;
  --linie: #CBD5CF;
  --linie-stark: #6F7F76;   /* Rahmen von Eingabefeldern, mindestens 3:1 zu Weiß */
  --fokus: #14231A;         /* Fokusring, mindestens 3:1 zu Seite und Karte */

  /* Maße */
  --ziel-min: 44px;         /* Touch-Targets mindestens 44 px (AK01) */
  --leiste-breit: 15rem;    /* App-Navigation ausgeklappt (KPTSM-49) */
  --leiste-schmal: 4.5rem;  /* App-Navigation eingeklappt: nur Symbole, Ziele mindestens 44 px */
  --seite-breite: 72rem;
  --abstand: 1rem;
  --radius: 6px;

  /*
   * Jahrgangsfarben (AK04). Je Geburtsjahr, unabhängig von der Saison: ein Jahrgang behält seine Farbe.
   * Startwerte, identisch zu den Startdaten in migrations/0002_stammdaten.sql (Test prüft die Gleichheit).
   * Änderbarkeit durch den Admin und Farbwarnung: KPTSM-31.
   */
  --jahrgang-2016-bg: #B85C00;   /* Orange */
  --jahrgang-2016-fg: #FFFFFF;
  --jahrgang-2017-bg: #7E57C2;   /* Violett */
  --jahrgang-2017-fg: #FFFFFF;

  /* Status (AK06): weder Grün noch Hellblau. Zugesagt und Fix blockieren den Tag und teilen sich die Farbfamilie. */
  --status-eingang-bg: #E1E7E3;
  --status-eingang-fg: #2F3B35;
  --status-geprueft-bg: #7A6200;
  --status-geprueft-fg: #FFFFFF;
  --status-angefragt-bg: #A3306F;
  --status-angefragt-fg: #FFFFFF;
  --status-zugesagt-bg: #3B3FA8;
  --status-zugesagt-fg: #FFFFFF;
  --status-fix-bg: #1E2170;
  --status-fix-fg: #FFFFFF;
  --status-in-spielerplus-bg: #14231A;
  --status-in-spielerplus-fg: #FFFFFF;
  --status-abgesagt-bg: #E1E7E3;
  --status-abgesagt-fg: #4A5A52;

  /* Leistungsstufe (KPTSM-17 AK05): erdige, gedeckte Töne, weder Grün noch Hellblau noch Rot; Kurzbezeichnung im Badge */
  --leistung-staerker-bg: #5D4037;
  --leistung-staerker-fg: #FFFFFF;
  --leistung-mittelstark-bg: #EADFD2;
  --leistung-mittelstark-fg: #3E2C23;

  /* Konflikt (AK06): rot */
  /* Blackout (KPTSM-25): eigene Sperrtermine, neutrales Dunkelgrau, weder Grün noch Hellblau noch Rot (Konflikt); Weiß darauf mindestens 4,5:1 */
  --blackout-bg: #3C4043;
  --blackout-fg: #FFFFFF;
  /* Kalenderinfo (KPTSM-26): Feiertage (Bernstein) und Schulferien (Flieder) als farbige Hinterlegung, weder Grün noch Hellblau; dunkle Schrift mindestens 4,5:1 */
  --feiertag-bg: #F5DE9B;
  --feiertag-fg: #14231A;
  --ferien-bg: #EBD3E8;
  --ferien-fg: #14231A;
  --konflikt-bg: #B3261E;
  --konflikt-fg: #FFFFFF;

  /* Antritt-Badge in der Farbe des Vereins (AK07): VfL grün, Kickers hellblau mit dunkler Schrift */
  --antritt-vfl-bg: var(--vfl-gruen-text);
  --antritt-vfl-fg: #FFFFFF;
  --antritt-kickers-bg: var(--marke-kickers-hellblau);
  --antritt-kickers-fg: var(--text-auf-hellblau);
  --antritt-neutral-bg: #E1E7E3;
  --antritt-neutral-fg: #2F3B35;
}