/* ============================================================
   SKÓRKA: wireframe (neutralna, szarości, font systemowy)
   Skórka opcjonalna (domyślna to cygnus) — deklarowana na
   html[data-theme="wireframe"] (specyficzność 0,1,1 > :root),
   więc przebija domyślny :root niezależnie od kolejności <link>.
   Przełącznik ustawia atrybut data-theme="wireframe".

   DODANIE NOWEJ SKÓRKI:
   1. css/themes/<nazwa>.css → blok `html[data-theme="<nazwa>"]{ … }`
      nadpisujący WYBRANE zmienne kontraktu (patrz tokens.css).
      (Skórka DOMYŚLNA zamiast tego deklaruje :root — patrz cygnus.css.)
   2. <link> w index.html.
   3. wpis w THEMES (js/theme.js).
   Nie ruszasz base.css — struktura jest od kolorów oddzielona.
   ============================================================ */
html[data-theme="wireframe"]{
  color-scheme:light;
  --bg:#f4f4f5; --panel:#ffffff; --panel-side:#ffffff;
  --ink:#1f2023; --muted:#6b6f76; --faint:#9aa0a8; --on-accent:#ffffff;
  --line:#d6d8dc; --line-strong:#b8bcc2;
  --chip:#eceef1; --chip-on:#2b2d31; --accent:#2b2d31;
  --good:#e8f0e8; --good-line:#cfe0cf; --pos:#2f6b3a;
  --bad:#f4e9e9;  --bad-line:#e3c9c9;  --neg:#8a4b4b;
  --hi:#fff7da; --zebra:#f7f7f8; --colhi:#e6e8ec;
  --note-bg:#fbf7e6; --note-line:#ece2b8; --note-ink:#7a6a2e;
  --overlay:rgba(20,20,22,.4); --shadow:0 2px 10px rgba(0,0,0,.18);
  --r:6px;
  --font-body:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}