/**
 * Farben der Marke Kwerko — übernommen aus der Anwendung selbst
 * (apps/web/src/styles.css bzw. apps/mobile/lib/theme.dart im Kwerko-Repo), damit jemand, der
 * aus dem App Store hierher kommt, dieselbe Marke sieht.
 *
 * Alle Namen sind neutral gehalten (--akzent statt --petrol): Das gemeinsame Grundgerüst in
 * gemeinsam/basis.css kennt nur diese Namen und braucht für eine neue Seite keine Änderung.
 */
:root {
  --grund: #f5f7fa;
  --flaeche: #ffffff;
  --rand: #dde2ea;
  --text: #1c2333;
  --text-schwach: #5b6373;
  --radius: 12px;

  --akzent: #24395c;
  --akzent-dunkel: #16233d;
  --verweis: #2b6f7c;

  /* Hellversion (29.09.2026): Aufmacher und Fuß stehen hell, dunkel werden sie nur, wenn das
     System des Besuchers dunkel eingestellt ist (siehe unten). Vorher lief der Aufmacher als
     Verlauf von Petrol nach Navy — das wirkte schwer und trennte ihn vom Rest der Seite. */
  --kopf-hintergrund: linear-gradient(180deg, #eaf0f7 0%, #f5f7fa 100%);
  --held-hintergrund: linear-gradient(180deg, #eaf0f7 0%, #f5f7fa 100%);
  --held-rand: 0 solid transparent;
  --fuss-hintergrund: #eef1f5;

  --tabellen-kopf: #f5f7fa;
  --hinweis-streifen: #3e9fae;
  --hinweis-hintergrund: #eef7f8;
}

/* Dunkel: gewählt über den Umschalter (thema.js) … */

  :root[data-theme="dunkel"] {
    --grund: #10141c;
    --flaeche: #171c26;
    --rand: #2a313f;
    --text: #e8ecf3;
    --text-schwach: #a3abbb;

    --verweis: #6fd5b8;
    --kopf-hintergrund: linear-gradient(160deg, #1b3444, #1a2940 50%, #16233d);
    --held-hintergrund: linear-gradient(160deg, #1b3444, #1a2940 50%, #16233d);
    --fuss-hintergrund: #0d1118;
    --tabellen-kopf: #1e2431;
    --hinweis-streifen: #6fd5b8;
    --hinweis-hintergrund: #14262a;
  }

/* … oder nichts gewählt und das System ist dunkel. */
@media (prefers-color-scheme: dark) {

  :root:not([data-theme="hell"]) {
    --grund: #10141c;
    --flaeche: #171c26;
    --rand: #2a313f;
    --text: #e8ecf3;
    --text-schwach: #a3abbb;

    --verweis: #6fd5b8;
    --kopf-hintergrund: linear-gradient(160deg, #1b3444, #1a2940 50%, #16233d);
    --held-hintergrund: linear-gradient(160deg, #1b3444, #1a2940 50%, #16233d);
    --fuss-hintergrund: #0d1118;
    --tabellen-kopf: #1e2431;
    --hinweis-streifen: #6fd5b8;
    --hinweis-hintergrund: #14262a;
  }
}