/* KM Technik Hub — Design-Tokens (Entscheidung 7: dunkel / hell / automatisch).
   Dunkel ist der Standard; [data-theme="hell"] überschreibt; "auto" folgt dem System. */
:root {
  /* Marke */
  --akzent: #2fa4e7;          /* Klima-Blau (kühl) */
  --akzent-warm: #f2913d;     /* Wärme-Orange (heizen) */
  --ok: #3ec97e;
  --warn: #e8c545;
  --fehler: #e05252;

  /* Dunkles Thema (Standard) */
  --bg: #0f1216;
  --bg-panel: #171c22;
  --bg-panel-hover: #1e242c;
  --rand: #2a323c;
  --text: #e8ecf1;
  --text-dim: #9aa5b1;
  --schatten: 0 2px 12px rgba(0, 0, 0, 0.45);

  --radius: 14px;
  --spalt: 14px;
  --font: "Segoe UI", system-ui, Calibri, sans-serif;
}

[data-theme="hell"] {
  --bg: #f2f4f7;
  --bg-panel: #ffffff;
  --bg-panel-hover: #f4f7fa;
  --rand: #d5dce3;
  --text: #1a222c;
  --text-dim: #5b6773;
  --schatten: 0 2px 10px rgba(20, 40, 60, 0.10);
}

@media (prefers-color-scheme: light) {
  [data-theme="auto"] {
    --bg: #f2f4f7;
    --bg-panel: #ffffff;
    --bg-panel-hover: #f4f7fa;
    --rand: #d5dce3;
    --text: #1a222c;
    --text-dim: #5b6773;
    --schatten: 0 2px 10px rgba(20, 40, 60, 0.10);
  }
}