/**
 * 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;

  /* Der Aufmacher lief bis fast auf Schwarz aus (#0a0f1c) und wirkte schwer. Jetzt beginnt er im
     Petrol des Zeichens und endet im Navy der Anwendung — dieselben beiden Farben wie im Logo,
     nur großflächig. Weiß bleibt auf beiden Enden gut lesbar (Kontrast 5,4:1 und 9:1). */
  --kopf-hintergrund: linear-gradient(155deg, #2f6f80, #2c4870 45%, #24395c);
  --held-hintergrund: linear-gradient(155deg, #2f6f80, #2c4870 45%, #24395c);
  --held-rand: 0 solid transparent;
  /* Der Fuß trug dasselbe Fast-Schwarz und schloss die Seite ab wie ein Riegel. */
  --fuss-hintergrund: #24395c;

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

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

    --verweis: #6fd5b8;
    --tabellen-kopf: #1e2431;
    --hinweis-streifen: #6fd5b8;
    --hinweis-hintergrund: #14262a;
  }
}