: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%);
  --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;
  }
}