/* Gemeinsame Grundlage: Farben, Schrift, Hell/Dunkel */
:root {
  color-scheme: light dark;
  --bg: #f6f7f9; --flaeche: #ffffff; --flaeche-2: #f0f2f5; --linie: #e3e6eb;
  --text: #14171c; --text-2: #5b6370; --text-3: #8a919c;
  --akzent: #3563e9; --akzent-weich: #3563e91a;
  --ok: #138a52; --ok-weich: #138a521a; --warn: #b26b00; --warn-weich: #b26b001f; --fehler: #c93636; --fehler-weich: #c936361a;
  --schatten: 0 1px 2px #0000000d, 0 2px 8px #0000000a;
  --radius: 10px;
  --mono: ui-monospace, "SFMono-Regular", "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace;
  --sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="hell"]) {
    --bg: #0d1014; --flaeche: #151a20; --flaeche-2: #1b2129; --linie: #262d36;
    --text: #e7eaee; --text-2: #a1a9b4; --text-3: #6d7682;
    --akzent: #6e95ff; --akzent-weich: #6e95ff1f;
    --ok: #3ccf8e; --ok-weich: #3ccf8e1f; --warn: #f0b23c; --warn-weich: #f0b23c1f; --fehler: #ff6b6b; --fehler-weich: #ff6b6b1f;
    --schatten: 0 1px 2px #00000040, 0 4px 16px #00000033;
  }
}
:root[data-theme="dunkel"] {
  --bg: #0d1014; --flaeche: #151a20; --flaeche-2: #1b2129; --linie: #262d36;
  --text: #e7eaee; --text-2: #a1a9b4; --text-3: #6d7682;
  --akzent: #6e95ff; --akzent-weich: #6e95ff1f;
  --ok: #3ccf8e; --ok-weich: #3ccf8e1f; --warn: #f0b23c; --warn-weich: #f0b23c1f; --fehler: #ff6b6b; --fehler-weich: #ff6b6b1f;
  --schatten: 0 1px 2px #00000040, 0 4px 16px #00000033;
}
:root[data-theme="hell"] { color-scheme: light; }
:root[data-theme="dunkel"] { color-scheme: dark; }

* { box-sizing: border-box; }
html, body { margin: 0; }
body { background: var(--bg); color: var(--text); font: 15px/1.55 var(--sans); -webkit-font-smoothing: antialiased; }
a { color: var(--akzent); text-decoration: none; }
a:hover { text-decoration: underline; }
:focus-visible { outline: 2px solid var(--akzent); outline-offset: 2px; border-radius: 4px; }
.mono { font-family: var(--mono); }