/* theme.css — NUR die Farb- und Schriftwerte. Sonst nichts.
 *
 * WARUM DIESE DATEI EXISTIERT (v299, 28.07.2026):
 * Die Dokumentseiten (Produktseite, Datenschutz, Nutzungsbedingungen) haben früher das komplette
 * app.css geladen, nur um an die Farbwerte zu kommen. Damit kam aber auch
 *     html,body{height:100%;margin:0;overflow:hidden}
 * mit — die Sperre, die in der ANWENDUNG richtig ist (dort scrollt nur der Innenbereich) und auf
 * einer Textseite fatal: alles unterhalb des ersten Bildschirms war abgeschnitten und NICHT
 * ERREICHBAR. Auf der Produktseite fielen dadurch genau die Blöcke weg, die Googles
 * Marken-Überprüfung sehen muss (Zweck der Anmeldung, Datenschutz- und Nutzungsbedingungen-Links);
 * in der Datenschutzerklärung war schlicht die Hälfte des Textes unlesbar.
 *
 * REGEL: Wer hier etwas ergänzt, ergänzt Werte — keine Layoutregeln. Alles, was Elemente
 * positioniert, gehört nach app.css oder in die jeweilige Seite. Sonst wandert der Fehler zurück.
 *
 * WER LÄDT WAS:
 *   Anwendung (index.html, auth-action.html): theme.css UND app.css — in dieser Reihenfolge.
 *   Dokumentseiten (datenschutz, nutzungsbedingungen, site/index.html): NUR theme.css.
 * app.css enthält die Werte nicht mehr; ohne theme.css ist die Anwendung farblos.
 */

:root{
  --bg:#eef1f5;--panel:#ffffff;--panel2:#f6f8fa;--ink:#18212c;--muted:#5c6a7a;
  --line:#dde3ea;--line2:#eaeef3;--accent:#c0392b;--accent-ink:#ffffff;
  --warn:#b26a00;--warn-bg:#fbeecb;--ok:#2f8f6b;--ok-bg:#e3f1e9;
  --floor:#fbfcfd;--grid:#e6ebf1;--grid-mid:#c3cdd8;--dot:#25303c;--dot-ink:#ffffff;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --rumba:#d15b7c;--samba:#2fa06a;--chacha:#d99320;--jive:#7c5cd0;--paso:#b03636;--marsch:#8a94a6;--roundabout:#3aa3a0;--wind:#6f8fb0;
  --trans:#c0392b;--trans-w:1.7;
}
@media (prefers-color-scheme:dark){:root{--trans:#e0574a;}}
:root[data-theme="dark"]{--trans:#e0574a;}
:root[data-theme="light"]{--trans:#c0392b;}
@media (prefers-color-scheme:dark){:root{
  --bg:#0e131a;--panel:#161d26;--panel2:#1b2531;--ink:#e7edf3;--muted:#93a1b2;
  --line:#28323f;--line2:#212b37;--accent:#e0574a;--accent-ink:#14181d;
  --warn:#f0b74a;--warn-bg:#3a2f18;--ok:#5fc39a;--ok-bg:#16271d;
  --floor:#131a22;--grid:#222d3a;--grid-mid:#3a4757;--dot:#cfd8e2;--dot-ink:#131a22;
}}
:root[data-theme="light"]{--bg:#eef1f5;--panel:#ffffff;--panel2:#f6f8fa;--ink:#18212c;--muted:#5c6a7a;--line:#dde3ea;--line2:#eaeef3;--accent:#c0392b;--accent-ink:#ffffff;--warn:#b26a00;--warn-bg:#fbeecb;--ok:#2f8f6b;--ok-bg:#e3f1e9;--floor:#fbfcfd;--grid:#e6ebf1;--grid-mid:#c3cdd8;--dot:#25303c;--dot-ink:#ffffff;}
:root[data-theme="dark"]{--bg:#0e131a;--panel:#161d26;--panel2:#1b2531;--ink:#e7edf3;--muted:#93a1b2;--line:#28323f;--line2:#212b37;--accent:#e0574a;--accent-ink:#14181d;--warn:#f0b74a;--warn-bg:#3a2f18;--ok:#5fc39a;--ok-bg:#16271d;--floor:#131a22;--grid:#222d3a;--grid-mid:#3a4757;--dot:#cfd8e2;--dot-ink:#131a22;}

*{box-sizing:border-box}
/* Scrollleisten dezent & theme-passend (heben sich im Dark Mode sonst hart ab) */
*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:var(--line);border-radius:5px;border:2px solid transparent;background-clip:padding-box}
*::-webkit-scrollbar-thumb:hover{background:var(--muted);border:2px solid transparent;background-clip:padding-box}
*::-webkit-scrollbar-corner{background:transparent}