/**
 * Skórka tematyczna: "Zgierz - Miasto Tkaczy" (selftourism, gra "Śladami Tkaczy i Boruty")
 * Aktywowana przez js/app.js (applyGameThemeClass()) gdy activeEvent.settings?.skinId ===
 * 'zgierz-tkaczy' - GM wybiera z dropdownu w edytorze gry (data/skinRegistry.js). Klasa
 * `body.theme-zgierz-tkaczy` + wspólna `body.skin-active` (reguły strukturalne w
 * css/theme-immersive-base.css - WCZYTAJ TEN PLIK RAZEM Z TAMTYM, same zmienne bez bazy
 * nic nie renderują).
 *
 * REFAKTORYZACJA (2026-08-18): ten plik zawiera TERAZ WYŁĄCZNIE paletę (wartości zmiennych) -
 * struktura (które elementy się zmieniają) żyje we wspólnym theme-immersive-base.css. Zob. ten
 * plik po wzór przy tworzeniu kolejnej skórki.
 *
 * Klimat wzięty z makiety "Krosno HUD" (Muzeum Miasta Zgierza / Park Kulturowy Miasto Tkaczy):
 * ciepła sadza i drewno zamiast korporacyjnego granatu, indygo jako główny akcent, złote światło
 * latarni gazowej jako akcent drugorzędny. Fonty systemowe, bez @import sieciowego (offline-first).
 */

body.theme-zgierz-tkaczy,
body.theme-zgierz-tkaczy.light-mode {
  /* Zmienne globalne - redefiniują to, co już czyta cały styles.css. */
  --bg: #14100D;
  --text: #F2E9D6;
  --muted: #B3A18A;
  --border: rgba(229, 163, 67, 0.22);
  --glass: rgba(29, 23, 18, 0.88);
  --event-primary: #4C82C4;
  --team-color: #4C82C4;
  --shadow: 0 24px 60px rgba(0, 0, 0, 0.6);

  /* Paleta skórki - konsumowana przez css/theme-immersive-base.css. */
  --skin-font: 'Bahnschrift', 'SF Compact Rounded', 'Arial Narrow', system-ui, -apple-system, sans-serif;
  --skin-font-mono: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
  --skin-heading-transform: uppercase;
  --skin-card-bg: rgba(29, 23, 18, 0.88);
  --skin-card-border: rgba(229, 163, 67, 0.24);
  --skin-card-border-soft: rgba(229, 163, 67, 0.14);
  --skin-highlight: #F0B45A;
  --skin-accent-soft: rgba(76, 130, 196, 0.17);
  --skin-panel-bg: rgba(29, 23, 18, 0.97);
  --skin-panel-border: rgba(229, 163, 67, 0.18);
  --skin-task-bg: rgba(41, 33, 26, 0.85);
  --skin-task-border: rgba(62, 50, 39, 0.9);
  --skin-note-text: #cbb99f;
  --skin-modal-bg: #1D1712;
  --skin-modal-border: rgba(229, 163, 67, 0.26);
  --skin-accent-dark: #2F5D96;
  --skin-accent-shadow: rgba(76, 130, 196, 0.35);
  --skin-nav-bg: rgba(29, 23, 18, 0.94);
  --skin-nav-border: rgba(229, 163, 67, 0.2);
  /* FIX (zgłoszenie 2026-08-18: "znikające ikony" w dolnej nawigacji) - poprzednia wartość
     (#7C6C5A) dawała kontrast ~3.5:1 na tle --skin-nav-bg (oba brązowe, zbyt blisko siebie w
     jasności), na słońcu w terenie ikony realnie znikały. Wyrównane do --muted (już użyte gdzie
     indziej w tej samej skórce), tak jak w theme-lodz-dziedzictwo.css. */
  --skin-tab-inactive: #B3A18A;
  --skin-overlay-bg: rgba(20, 16, 13, 0.55);
  --skin-noise: rgba(242, 233, 214, 0.02);
  --skin-vignette: rgba(0, 0, 0, 0.3);
}

body.theme-zgierz-tkaczy {
  background: var(--bg) !important;
}