/**
 * Farben der Marke FireCheck — Feuerwehr-Rot auf dunklem Navy, übernommen aus dem App-Icon und
 * der Tailwind-Palette der Anwendung (server/frontend/tailwind.config.js im FireCheck-Repo).
 *
 * Alle Namen sind neutral gehalten (--akzent statt --fire): Das gemeinsame Grundgerüst in
 * gemeinsam/basis.css kennt nur diese Namen und braucht für eine neue Seite keine Änderung.
 */
:root {
  --grund: #f3f4f6;
  --flaeche: #ffffff;
  --rand: #e5e7eb;
  --text: #1c2333;
  --text-schwach: #5b6373;
  --radius: 12px;

  --akzent: #dc2626;
  --akzent-dunkel: #b91c1c;
  --verweis: #b91c1c;

  --kopf-hintergrund: #141b2d;
  --held-hintergrund: linear-gradient(160deg, #1f2a44, #141b2d 70%);
  /* Der rote Streifen greift die Signalfarbe des Icons auf, ohne die Fläche zu überladen. */
  --held-rand: 4px solid #dc2626;
  --fuss-hintergrund: #141b2d;

  --tabellen-kopf: #fafafa;
  --hinweis-streifen: #dc2626;
  --hinweis-hintergrund: #fef2f2;
}

@media (prefers-color-scheme: dark) {
  :root {
    --grund: #10141c;
    --flaeche: #171c26;
    --rand: #2a313f;
    --text: #e8ecf3;
    --text-schwach: #a3abbb;

    --verweis: #ef4444;
    --tabellen-kopf: #1e2431;
    --hinweis-streifen: #ef4444;
    --hinweis-hintergrund: #2a1616;
  }
}