/* Smart-Link Design für SiteLink (ab 0.2) – aus Smart-Link\Design kopiert, nicht von Hand ändern.
   Inter: Rasmus Andersson, SIL Open Font License 1.1 (schrift\LIZENZ.txt) */
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('schrift/Inter-400.woff') format('woff'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url('schrift/Inter-500.woff') format('woff'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('schrift/Inter-600.woff') format('woff'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url('schrift/Inter-700.woff') format('woff'); }
/*  erzeugt aus Design\tokens.json (Smart-Link Design 1.0.0, 2026-10-27) mit tools\design-bauen.js – nicht von Hand ändern */
/* Gemeinsame Werte: Status der Inbetriebnahme und Busfarben (gleich in allen Aussehen) */
:root {
  --st-planned: #64748b;
  --st-mounted: #3b82f6;
  --st-learned: #f59e0b;
  --st-tested: #22c55e;
  --bus-tree: #69c350;
  --bus-treeturbo: #eab308;
  --bus-link: #3b82f6;
  --bus-24v: #f97316;
  --bus-lan: #6366f1;
  --bus-dali: #a855f7;
  --bus-dmx: #06b6d4;
  --bus-air: #ec4899;
  --bus-mci: #cbd5e1;
  --bus-fbus: #c8a27a;
  --bus-wlan: #38bdf8;
}
/* Standard (dunkel) – ohne data-look oder mit data-look="standard" */
:root, :root[data-look="standard"] {
  --bg: #0c0d10;
  --bg-2: #101218;
  --panel: #14161d;
  --panel-2: #191c25;
  --panel-hover: #1e2230;
  --border: #252936;
  --border-2: #323849;
  --text: #e2e8f0;
  --text-2: #cbd5e1;
  --muted: #8b95a5;
  --dim: #5d6678;
  --accent: #22d3ee;
  --accent-hover: #67e8f9;
  --accent-soft: rgba(34, 211, 238, .14);
  --on-accent: #062e36;
  --accent-2: #f43f5e;
  --highlight: #fbbf24;
  --danger: #ef4444;
  --warn: #f59e0b;
  --ok: #22c55e;
  --green: #22d3ee;
  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --mono: ui-monospace, 'JetBrains Mono', 'Cascadia Mono', 'SF Mono', Consolas, Menlo, monospace;
  --r-sm: 7px;
  --r: 10px;
  --r-lg: 14px;
  --shadow: 0 18px 50px rgba(0, 0, 0, .45);
  color-scheme: dark;
}
/* Hell */
:root[data-look="hell"] {
  --bg: #f3f5f9;
  --bg-2: #eaeef4;
  --panel: #ffffff;
  --panel-2: #f7f9fc;
  --panel-hover: #eef2f8;
  --border: #dce1ea;
  --border-2: #c5ccd8;
  --text: #0f172a;
  --text-2: #334155;
  --muted: #5b6475;
  --dim: #8a93a3;
  --accent: #0e7490;
  --accent-hover: #155e75;
  --accent-soft: rgba(14, 116, 144, .12);
  --on-accent: #ffffff;
  --accent-2: #e11d48;
  --highlight: #b45309;
  --danger: #dc2626;
  --warn: #b45309;
  --ok: #15803d;
  --green: #0e7490;
  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --mono: ui-monospace, 'JetBrains Mono', 'Cascadia Mono', 'SF Mono', Consolas, Menlo, monospace;
  --r-sm: 7px;
  --r: 10px;
  --r-lg: 14px;
  --shadow: 0 12px 32px rgba(15, 23, 42, .14);
  color-scheme: light;
}
/* Automatisch: dunkel, im hellen Systemmodus hell (SiteLink) */
:root[data-look="auto"] {
  --bg: #0c0d10;
  --bg-2: #101218;
  --panel: #14161d;
  --panel-2: #191c25;
  --panel-hover: #1e2230;
  --border: #252936;
  --border-2: #323849;
  --text: #e2e8f0;
  --text-2: #cbd5e1;
  --muted: #8b95a5;
  --dim: #5d6678;
  --accent: #22d3ee;
  --accent-hover: #67e8f9;
  --accent-soft: rgba(34, 211, 238, .14);
  --on-accent: #062e36;
  --accent-2: #f43f5e;
  --highlight: #fbbf24;
  --danger: #ef4444;
  --warn: #f59e0b;
  --ok: #22c55e;
  --green: #22d3ee;
  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --mono: ui-monospace, 'JetBrains Mono', 'Cascadia Mono', 'SF Mono', Consolas, Menlo, monospace;
  --r-sm: 7px;
  --r: 10px;
  --r-lg: 14px;
  --shadow: 0 18px 50px rgba(0, 0, 0, .45);
  color-scheme: dark;
}
@media (prefers-color-scheme: light) {
  :root[data-look="auto"] {
    --bg: #f3f5f9;
    --bg-2: #eaeef4;
    --panel: #ffffff;
    --panel-2: #f7f9fc;
    --panel-hover: #eef2f8;
    --border: #dce1ea;
    --border-2: #c5ccd8;
    --text: #0f172a;
    --text-2: #334155;
    --muted: #5b6475;
    --dim: #8a93a3;
    --accent: #0e7490;
    --accent-hover: #155e75;
    --accent-soft: rgba(14, 116, 144, .12);
    --on-accent: #ffffff;
    --accent-2: #e11d48;
    --highlight: #b45309;
    --danger: #dc2626;
    --warn: #b45309;
    --ok: #15803d;
    --green: #0e7490;
    --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --mono: ui-monospace, 'JetBrains Mono', 'Cascadia Mono', 'SF Mono', Consolas, Menlo, monospace;
    --r-sm: 7px;
    --r: 10px;
    --r-lg: 14px;
    --shadow: 0 12px 32px rgba(15, 23, 42, .14);
    color-scheme: light;
  }
}
/* Cyberpunk */
:root[data-look="cyber"] {
  --bg: #06040d;
  --bg-2: #0b0717;
  --panel: #0e0a1d;
  --panel-2: #140e29;
  --panel-hover: #1c1338;
  --border: #2a1d55;
  --border-2: #45309a;
  --text: #ecf7ff;
  --text-2: #c9d7f7;
  --muted: #9089c4;
  --dim: #605893;
  --accent: #00f0ff;
  --accent-hover: #7af8ff;
  --accent-soft: rgba(0, 240, 255, .14);
  --on-accent: #06040d;
  --accent-2: #ff2a6d;
  --highlight: #fcee0a;
  --danger: #ff2a6d;
  --warn: #fcee0a;
  --ok: #39ff88;
  --green: #00f0ff;
  --font: 'Bahnschrift', 'Avenir Next Condensed', 'Arial Narrow', 'Segoe UI', sans-serif;
  --mono: 'Cascadia Mono', 'JetBrains Mono', ui-monospace, Consolas, monospace;
  --r-sm: 2px;
  --r: 3px;
  --r-lg: 4px;
  --shadow: 0 0 0 1px rgba(0, 240, 255, .25), 0 18px 50px rgba(0, 0, 0, .6), 0 0 40px rgba(255, 42, 109, .12);
  --cut: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
  --cut-sm: polygon(5px 0, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 0 5px);
  --glow: 0 0 16px rgba(0, 240, 255, .45);
  color-scheme: dark;
}