/* Tokeny kolorów i pisma – wspólne dla modułów (S1 / RDZ-2, 30.10.2026). Wzorzec: Zawiesia instalacyjne.
   Dołączać PRZED stylem strony: <link rel="stylesheet" href="../wspolne/tokeny.css">. Tryb jasny, ciemny automatyczny i wymuszony. */
:root {
  --bg: #e7eaec; --sheet: #f8f9f9; --surface: #ffffff; --ink: #18212a; --muted: #5b6772; --line: #c8cfd5;
  --grid: rgba(24, 33, 42, .055); --steel: #9aa4ad; --steel-2: #d2d8dd;
  --accent: #f2b705; --accent-ink: #18212a; --accent-line: #a87a00;
  --load: #1f5f9e; --ok: #2f7d4f; --warn: #a86a00; --bad: #b3382c; --duct: #7d8f9e; --pipe: #3c6e91;
  --c-bud: #e4dccd; --c-bud-s: #8f8472; --c-mnt: #c8641b; --c-mnt-f: #fbe7d3; --c-pipe: #1f6fb8; --c-pipe-f: #dceafa; --c-duct: #2e8a5c; --c-duct-f: #d6efe2; --c-tray: #7b56b0; --c-tray-f: #ebe2f7; --c-izo: #f6edb6; --c-ob: #7b56b0; --c-izo-s: #b9a640; --c-brick: #c2452d; --c-mortar: #ead9c6;
  --f-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --f-body: "IBM Plex Sans", system-ui, sans-serif;
  --f-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #11161b; --sheet: #161d23; --surface: #1c242b; --ink: #e2e7eb; --muted: #8e9aa5;
    --line: #2d3741; --grid: rgba(226, 231, 235, .05); --steel: #6f7a84; --steel-2: #39434c;
    --accent: #f5c22b; --accent-ink: #11161b; --accent-line: #f5c22b; --load: #6fa8e0; --ok: #5cbf86; --warn: #e0a640; --bad: #ef7a6c;
    --duct: #8d9eab; --pipe: #6fa8e0; color-scheme: dark; --c-bud: #3b372f; --c-bud-s: #9a8f7c; --c-mnt: #f0954a; --c-mnt-f: #4a3222; --c-pipe: #6fb0f0; --c-pipe-f: #1d3550; --c-duct: #5cc790; --c-duct-f: #1d3d2d; --c-tray: #b494e6; --c-tray-f: #34284a; --c-izo: #4a4426; --c-izo-s: #c9b75a; --c-ob: #b494e6; --c-brick: #b5442f; --c-mortar: #4a3c32;
  }
}
:root[data-theme="dark"] {
  --bg: #11161b; --sheet: #161d23; --surface: #1c242b; --ink: #e2e7eb; --muted: #8e9aa5;
  --line: #2d3741; --grid: rgba(226, 231, 235, .05); --steel: #6f7a84; --steel-2: #39434c;
  --accent: #f5c22b; --accent-ink: #11161b; --accent-line: #f5c22b; --load: #6fa8e0; --ok: #5cbf86; --warn: #e0a640; --bad: #ef7a6c;
  --duct: #8d9eab; --pipe: #6fa8e0; color-scheme: dark; --c-bud: #3b372f; --c-bud-s: #9a8f7c; --c-mnt: #f0954a; --c-mnt-f: #4a3222; --c-pipe: #6fb0f0; --c-pipe-f: #1d3550; --c-duct: #5cc790; --c-duct-f: #1d3d2d; --c-tray: #b494e6; --c-tray-f: #34284a; --c-izo: #4a4426; --c-izo-s: #c9b75a; --c-ob: #b494e6; --c-brick: #b5442f; --c-mortar: #4a3c32;
}