/* Shared Leitwarte palette. Scene and all application pages consume these tokens. */
:root {
  --bg: oklch(15% .015 230); --surface: oklch(19% .017 230);
  --fg: oklch(94% .012 220); --muted: oklch(73% .025 225);
  --border: oklch(32% .025 230); --accent: oklch(85% .13 190);
  --ink: oklch(17% .04 210); --scene-back: oklch(20% .035 225);
  --ridge: oklch(26% .04 225); --ridge-front: oklch(19% .03 225);
  --face: oklch(32% .035 225); --side: oklch(23% .03 225);
  --top: oklch(42% .04 225); --vent: oklch(15% .02 225);
  --wire: oklch(65% .085 195); --amber: oklch(83% .12 80);
  --error: oklch(80% .12 25); --shadow: oklch(8% .02 225 / .5);
  --selected: color-mix(in oklch, var(--accent) 7%, var(--surface));
  --mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  color-scheme: dark; font-family: "Segoe UI", system-ui, sans-serif;
  color: var(--fg); background: var(--bg);
}
:root[data-theme="light"] {
  --bg: oklch(96% .008 220); --surface: oklch(99% .004 220);
  --fg: oklch(24% .035 225); --muted: oklch(45% .035 225);
  --border: oklch(80% .025 225); --accent: oklch(42% .085 195);
  --ink: oklch(99% .005 210); --scene-back: oklch(90% .025 220);
  --ridge: oklch(82% .04 225); --ridge-front: oklch(88% .03 225);
  --face: oklch(75% .035 225); --side: oklch(60% .04 225);
  --top: oklch(90% .025 225); --vent: oklch(40% .04 225);
  --wire: oklch(44% .07 195); --amber: oklch(43% .09 65);
  --error: oklch(43% .14 25); --shadow: oklch(30% .03 225 / .18);
  color-scheme: light;
}