/* Design-Tokens — die einzige Quelle fuer Farben, Abstaende, Groessen (Regel B9).
   Im uebrigen CSS stehen nur var(--...) und keine Hex-Werte. Hell und Dunkel aendern
   nur Farben, nie Schrift, Abstaende oder Layout. */
:root{
  color-scheme:light;
  /* Farben hell */
  --bg:#f6f5f1;            --flaeche:#ffffff;       --flaeche-2:#eeece5;
  --text:#1d1c1a;          --text-leise:#5c5850;
  --linie:#e2dfd6;         --linie-stark:#c9c5b8;
  --akzent:#0f766e;        --akzent-auf:#ffffff;    --akzent-schrift:#0b5f58;  --akzent-leise:#dcefeb;
  --gefahr:#b3261e;        --gefahr-leise:#fbe9e7;
  --fokus:#0f766e;

  /* Schrift: eine Skala fuer die ganze App */
  --schrift:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --t-klein:.8125rem;  --t-s:.9375rem;  --t-m:1rem;  --t-l:1.1875rem;  --t-xl:1.5rem;  --t-xxl:1.875rem;

  /* Abstaende, Radien, Bedienelemente */
  --s1:.25rem; --s2:.5rem; --s3:.75rem; --s4:1rem; --s5:1.5rem; --s6:2rem; --s7:3rem;
  --radius:12px;  --radius-s:8px;
  --control-h:2.75rem;           /* 44 px: Touch-Ziel */
  --control-h-kompakt:2.25rem;   /* 36 px: Aktionen in Karten am Desktop */
  --inhalt:68rem;  --rand:1rem;
  --dauer:140ms;
}
@media (min-width:48rem){ :root{ --rand:1.5rem; } }

@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#111312;            --flaeche:#1a1d1b;       --flaeche-2:#232725;
    --text:#ecebe5;          --text-leise:#a9a69c;
    --linie:#2d322f;         --linie-stark:#454c48;
    --akzent:#0f766e;        --akzent-auf:#ffffff;    --akzent-schrift:#5fd3c6;  --akzent-leise:#17302d;
    --gefahr:#f2766e;        --gefahr-leise:#3a1f1d;
    --fokus:#5fd3c6;
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#111312;            --flaeche:#1a1d1b;       --flaeche-2:#232725;
  --text:#ecebe5;          --text-leise:#a9a69c;
  --linie:#2d322f;         --linie-stark:#454c48;
  --akzent:#0f766e;        --akzent-auf:#ffffff;    --akzent-schrift:#5fd3c6;  --akzent-leise:#17302d;
  --gefahr:#f2766e;        --gefahr-leise:#3a1f1d;
  --fokus:#5fd3c6;
}