/* Gemeinsames Farbschema für Handbuch und generierte Testberichte. */
:root {
  color-scheme: light;
  --color-text: #000;
  --color-background: #fff;
  --color-surface: #fff;
  --color-muted: #404040;
  --color-border: #b3b3b3;
  --color-link: #07569c;
  --color-pass: #146c35;
  --color-fail: #ac2020;
  --color-warn: #805700;
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --color-text: #fff;
    --color-background: #000;
    --color-surface: #000;
    --color-muted: #d0d0d0;
    --color-border: #737373;
    --color-link: #79bdff;
    --color-pass: #83e0a1;
    --color-fail: #ff9494;
    --color-warn: #f2ce76;
  }
}
html, body { color: var(--color-text); background: var(--color-background); }
input, select, textarea, button { color: var(--color-text); background: var(--color-surface); border: 1px solid var(--color-border); }
.PASS, .passed { color: var(--color-pass); }
.FAIL, .ERROR, .failed { color: var(--color-fail); }
.WARN { color: var(--color-warn); }
.INFO, .SKIP { color: var(--color-muted); }
@media print {
  :root { color-scheme: light; --color-text: #000; --color-background: #fff; --color-surface: #fff; --color-muted: #404040; --color-border: #b3b3b3; --color-link: #07569c; --color-pass: #146c35; --color-fail: #ac2020; --color-warn: #805700; }
}
