/*
 * TEMPO – zentrale Theme-Datei.
 * Alle Farben, Schriften und Radien als CSS Custom Properties.
 * Quelle: Claude Design „DFAE Portal v3“, Richtung 2a „Klinisch klar“ (Hellblau & Stahlblau),
 * lokale Kopie unter docs/design/.
 * Primär- und Akzentfarbe lassen sich zusätzlich im Admin (TEMPO → Branding) überschreiben.
 */
:root {
  /* Marke */
  --brand-primary: #2c5a8c;          /* Stahlblau: Primärbuttons, Links, aktive Zustände */
  --brand-primary-contrast: #ffffff;
  --brand-accent: #dceaf7;           /* Hellblau: Hervorhebungen, Mini-Kalender, Zusage */
  --brand-accent-strong: #c6d5e6;    /* Blau-Grau: Avatare, Sekundärkacheln */
  --brand-logo: url("../img/brand/dfae-emblem.deb820c1ef7a.png");

  /* Flächen */
  --surface-page: #f2f5f9;
  --surface-card: #ffffff;
  --surface-muted: #f2f5f9;          /* Eingabefelder, Kacheln in Karten */
  --surface-sidebar: #e5ecf4;
  --surface-inverse: #1c2733;        /* dunkle Chips, Sekundärbuttons */

  /* Linien */
  --border: #dfe6ee;                 /* Kartenrahmen */
  --border-strong: #d9e2ec;          /* Eingaben, Pills */
  --divider: #ecf0f5;                /* Trennlinien in Listen */
  --border-dashed: #a6b8cc;          /* Aufgaben-Kacheln */

  /* Text */
  --text: #1c2733;
  --text-body: #2e3844;
  --text-muted: #56626e;
  --text-label: #566b82;             /* Überschriften-Labels, Wochentage */
  --text-subtle: #6f7c89;

  /* Antwort-Status (Chip-Hintergrund / Text) */
  --status-yes-bg: #dceaf7;   --status-yes: #2c5a8c;
  --status-no-bg: #f6ded5;    --status-no: #a4513a;
  --status-open-bg: #f4edcc;  --status-open: #6b5b1e;
  /* „Weiß noch nicht“ ist im Mockup nicht gestaltet – ergänzt im selben Ton. */
  --status-maybe-bg: #fbe7d0; --status-maybe: #8a5410;
  --status-no-bar: #d99a83;

  /* Warnung / Pflichtangabe fehlt */
  --warn-bg: #fbf1ec;
  --warn-border: #c98a72;
  --warn-text: #a4513a;

  /* Termin-Typen (Punkt / Chip-Hintergrund) */
  --type-training: #6fa3d6;        --type-training-bg: #dceaf7;
  --type-spiel: #2c5a8c;           --type-spiel-bg: #c6d5e6;
  --type-turnier: #1c2733;         --type-turnier-bg: #1c2733;  --type-turnier-fg: #dceaf7;
  --type-verein: #c2b46a;          --type-verein-bg: #efebd2;
  --type-trainingslager: #3f5670;  --type-trainingslager-bg: #e5ecf4;
  --type-sonstiges: #7f95ae;       --type-sonstiges-bg: #e8ecf1;

  /* Variante „Spielfeld“ (Phase 3) */
  --pitch-bg: #22344a;
  --pitch-text: #eaf1f8;
  --pitch-text-muted: #c9d7e6;
  --pitch-highlight: #a8c8ea;
  --pitch-line: rgba(220, 234, 247, 0.14);

  /* Schrift */
  --font-sans: "Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "Bricolage Grotesque", var(--font-sans);

  /* Radien */
  --radius-card: 22px;
  --radius-tile: 14px;
  --radius-field: 12px;
}