/* EINZIGER Ort für Farben, Rundungen, Schriften. Komponenten lesen nur var(--sf-…). */
:root {
  --sf-bg: #f6f1e7; --sf-surface: #ffffff; --sf-surface-2: #efe8da;
  --sf-text: #1f2a2e; --sf-muted: #6b7378; --sf-line: #e2d9c8;
  --sf-accent: #ff6b35; --sf-accent-text: #ffffff;
  --sf-good: #2a9d8f; --sf-mid: #e9c46a; --sf-bad: #e76f51; --sf-unknown: #c9c1b2;
  --sf-map-land: #efe6d2; --sf-map-water: #9fd3e6; --sf-map-road: #e3d6bc;
  --sf-route: #ff6b35; --sf-route-2: #2a9d8f; --sf-route-dim: #c9b99a;
  --sf-radius: 22px; --sf-radius-md: 14px; --sf-radius-sm: 999px; --sf-shadow: 0 6px 18px rgba(80,60,20,.12);
  --sf-font: "Nunito Sans", ui-rounded, system-ui, sans-serif;
  --sf-font-display: var(--sf-font);
  --sf-display-transform: none; --sf-display-spacing: -.01em;
  color-scheme: light;
}
:root[data-theme="nacht"] {
  --sf-bg: #0f1216; --sf-surface: #181d23; --sf-surface-2: #222932;
  --sf-text: #eef2f5; --sf-muted: #8a97a6; --sf-line: #2c343e;
  --sf-accent: #c8f04a; --sf-accent-text: #0f1216;
  --sf-good: #4ade80; --sf-mid: #fbbf24; --sf-bad: #f87171; --sf-unknown: #4b5563;
  --sf-map-land: #151a20; --sf-map-water: #1d3b52; --sf-map-road: #252c35;
  --sf-route: #c8f04a; --sf-route-2: #5eead4; --sf-route-dim: #3b4552;
  --sf-radius: 16px; --sf-radius-md: 10px; --sf-radius-sm: 8px; --sf-shadow: 0 8px 24px rgba(0,0,0,.45);
  --sf-font: "Inter", system-ui, sans-serif;
  --sf-font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --sf-display-transform: uppercase; --sf-display-spacing: .04em;
  color-scheme: dark;
}
/* ACHTUNG: Dieser Block ist eine Kopie des Nacht-Blocks oben (Systemeinstellung statt
   Handwahl). Wer den Look ändert, ändert beide Blöcke. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="tag"]) {
    --sf-bg: #0f1216; --sf-surface: #181d23; --sf-surface-2: #222932;
    --sf-text: #eef2f5; --sf-muted: #8a97a6; --sf-line: #2c343e;
    --sf-accent: #c8f04a; --sf-accent-text: #0f1216;
    --sf-good: #4ade80; --sf-mid: #fbbf24; --sf-bad: #f87171; --sf-unknown: #4b5563;
    --sf-map-land: #151a20; --sf-map-water: #1d3b52; --sf-map-road: #252c35;
    --sf-route: #c8f04a; --sf-route-2: #5eead4; --sf-route-dim: #3b4552;
    --sf-radius: 16px; --sf-radius-md: 10px; --sf-radius-sm: 8px; --sf-shadow: 0 8px 24px rgba(0,0,0,.45);
    --sf-font: "Inter", system-ui, sans-serif;
    --sf-font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
    --sf-display-transform: uppercase; --sf-display-spacing: .04em;
    color-scheme: dark;
  }
}