/**
 * Skórka tematyczna: "Łódź - Dziedzictwo Fabrykantów" (selftourism, gra fabularna)
 * Aktywowana przez js/app.js (applyGameThemeClass()) gdy activeEvent.settings?.skinId ===
 * 'lodz-dziedzictwo' - GM wybiera z dropdownu w edytorze gry (data/skinRegistry.js), domyślnie
 * ustawione dla tej gry (można zmienić/odpiąć w dowolnym momencie). Klasa
 * `body.theme-lodz-dziedzictwo` + 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.
 * theme-zgierz-tkaczy.css po wzór przy tworzeniu kolejnej skórki.
 *
 * Klimat: noir śledztwo w łódzkiej fabrykanckiej Łodzi przełomu XIX/XX w. - teczka dochodzeniowa,
 * stara księga rachunkowa, sepia i mosiądz zamiast korporacyjnego niebieskiego. Serif zamiast
 * uppercase display fontu (w odróżnieniu od Miasta Tkaczy) - pasuje do "starego dokumentu",
 * nie plakatu.
 */

body.theme-lodz-dziedzictwo,
body.theme-lodz-dziedzictwo.light-mode {
  /* Zmienne globalne - redefiniują to, co już czyta cały styles.css. */
  --bg: #1c1612;
  --text: #ece2ce;
  --muted: #a8927a;
  --border: rgba(176, 141, 87, 0.28);
  --glass: rgba(43, 33, 25, 0.82);
  --event-primary: #8b2635;
  --team-color: #8b2635;
  --shadow: 0 24px 60px rgba(0, 0, 0, 0.55);

  /* Paleta skórki - konsumowana przez css/theme-immersive-base.css. */
  --skin-font: Georgia, 'Iowan Old Style', 'Noto Serif', 'Times New Roman', serif;
  --skin-font-mono: 'Courier New', ui-monospace, monospace;
  --skin-heading-transform: none;
  --skin-card-bg: rgba(28, 22, 18, 0.85);
  --skin-card-border: rgba(176, 141, 87, 0.35);
  --skin-card-border-soft: rgba(176, 141, 87, 0.18);
  --skin-highlight: #c99a5b;
  --skin-accent-soft: rgba(139, 38, 53, 0.15);
  --skin-panel-bg: rgba(28, 22, 18, 0.97);
  --skin-panel-border: rgba(176, 141, 87, 0.22);
  --skin-task-bg: rgba(43, 33, 25, 0.82);
  --skin-task-border: rgba(176, 141, 87, 0.25);
  --skin-note-text: #cbb99f;
  --skin-modal-bg: #241b16;
  --skin-modal-border: rgba(176, 141, 87, 0.3);
  --skin-accent-dark: #6e1c28;
  --skin-accent-shadow: rgba(139, 38, 53, 0.4);
  --skin-nav-bg: rgba(28, 22, 18, 0.94);
  --skin-nav-border: rgba(176, 141, 87, 0.25);
  --skin-tab-inactive: #a8927a;
  --skin-overlay-bg: rgba(20, 16, 13, 0.55);
  --skin-noise: rgba(236, 226, 206, 0.02);
  --skin-vignette: rgba(0, 0, 0, 0.28);
}

body.theme-lodz-dziedzictwo {
  background: var(--bg) !important;
}