/* Farben, Schrift, Maße. Hell und dunkel folgen der Geräteeinstellung. */
:root {
  --font: Bahnschrift, "DIN Alternate", "DIN 1451 Std", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", sans-serif;

  --paper: #edf0f2;
  --surface: #ffffff;
  --surface-2: #f5f7f8;
  --line: #d6dde2;
  --line-strong: #b8c3ca;
  --ink: #13202a;
  --muted: #566774;

  --check: #0b65a5;       /* Fahrzeugcheck – Blaulicht */
  --check-soft: #e1eef9;
  --used: #965300;        /* Im Einsatz verbraucht – Warngelb */
  --used-soft: #fdefd3;
  --short: #c7261f;       /* Fehlt – Leuchtrot */
  --short-soft: #fce5e3;
  --ok: #1b7a4b;
  --ok-soft: #e0f2e8;

  --check-red: #d62718;   /* Markierungsfolie am Fahrzeug */
  --check-yellow: #f4c400;

  --accent: var(--check);
  --accent-soft: var(--check-soft);

  --radius: 12px;
  --radius-sm: 8px;
  --tap: 46px;
  --nav-h: 66px;
  --shadow: 0 1px 2px rgba(12, 28, 40, .07);
}

@media (prefers-color-scheme: dark) {
  :root {
    --paper: #0b1218;
    --surface: #151f27;
    --surface-2: #1b2731;
    --line: #26343f;
    --line-strong: #384a57;
    --ink: #e7edf1;
    --muted: #93a5b1;

    --check: #5db4f5;
    --check-soft: #11283a;
    --used: #f2b13a;
    --used-soft: #342710;
    --short: #ff7068;
    --short-soft: #3b1a19;
    --ok: #4fcb8c;
    --ok-soft: #10301f;
    --shadow: none;
  }
}

body[data-tab="used"] { --accent: var(--used); --accent-soft: var(--used-soft); }
body[data-tab="missing"] { --accent: var(--short); --accent-soft: var(--short-soft); }
body[data-tab="admin"] { --accent: var(--ink); --accent-soft: var(--surface-2); }