/* Broniarz - kolory, kroje, rozmiary (projekt: projekt_graficzny/System.dc.html).
   Motyw: <html data-motyw="ciemny|jasny"> - z wyboru w Koncie (auto = z systemu, motyw-start.js).
   Tryb na słońce to osobny przełącznik nad każdym motywem: <html data-kontrast>.
   Kolejność ładowania: fonty, motyw, baza, formularze, komponenty/*, pomocnicze. */

:root {
  /* Tło i powierzchnie - oliwkowa czerń */
  --tlo: #12140F;
  --tlo-2: #1B1E17;          /* karta */
  --tlo-3: #23271F;          /* pole, wiersz aktywny */
  --pasek: #171A13;          /* menu, dolny pasek */
  --ramka: #2C3026;
  --ramka-mocna: #3A3F33;
  --tekst: #EDEBE3;
  --tekst-2: #A9A699;
  --tekst-3: #8C897D;

  /* Akcenty: pomarańcz tarczy = akcja, mosiądz łuski = osiągnięcia */
  --akcent: #FF6A1A;
  --akcent-jasny: #FF8A3D;   /* linki na ciemnym tle */
  --akcent-tekst: #1A0E05;
  --mosiadz: #E8B04A;
  --mosiadz-tlo: #2E2414;

  /* Stany - różnią się też jasnością i kształtem, nie tylko barwą */
  --ok: #7FB069;
  --ok-jasny: #9CC77F;
  --uwaga: #F2A33A;
  --blad: #E5684F;
  --blad-jasny: #F0A090;
  --info: #CFCBBE;

  --cien: 0 6px 18px rgb(0 0 0 / .28);
  --promien: 14px;
  --promien-karty: 18px;
  --dotyk: 56px;             /* rękawice strzeleckie */
  --dotyk-maly: 44px;
  --odstep: 16px;
  --nav-wys: 72px;
  --menu-szer: 248px;

  --font: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-naglowek: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --font-liczby: 'JetBrains Mono', ui-monospace, Menlo, monospace;
  color-scheme: dark;
}

/* Jasny motyw „papier tarczy” (Seba 10.10.2026, projekt: artifact „Broniarz - jasny motyw”).
   Ciepła biel zamiast oliwkowej czerni, pomarańcz dalej = akcja, mosiądz = osiągnięcia.
   Kontrast na karcie (#fff): tekst 17:1, tekst-2 9,2:1, tekst-3 6:1, link 5,6:1, stany >= 6:1;
   ramka-mocna (pola, przyciski) 3,4:1 - granica pola widoczna bez zgadywania. */
:root[data-motyw="jasny"] {
  --tlo: #F3F1EA;
  --tlo-2: #FFFFFF;
  --tlo-3: #ECE9E0;
  --pasek: #FBFAF6;
  --ramka: #D6D2C6;
  --ramka-mocna: #8A8578;
  --tekst: #1A1C16;
  --tekst-2: #4A483F;
  --tekst-3: #66635A;
  --akcent: #F26414;          /* tło przycisku; napis #1A0E05 = 6:1 */
  --akcent-jasny: #B4430A;    /* linki i pochwały na jasnym tle */
  --akcent-tekst: #1A0E05;
  --mosiadz: #85590C;
  --mosiadz-tlo: #FBF0D9;
  --ok: #2D6E36;
  --ok-jasny: #2D6E36;
  --uwaga: #8F5300;
  --blad: #B3261E;
  --blad-jasny: #B3261E;
  --info: #4A483F;
  --cien: 0 1px 2px rgb(30 28 20 / .06), 0 4px 14px rgb(30 28 20 / .07);
  color-scheme: light;
}
/* Na jasnym karta odcina się cieniem, a pola i zwykłe przyciski mocniejszą ramką. */
:root[data-motyw="jasny"] .karta { box-shadow: var(--cien); }
:root[data-motyw="jasny"] .pole, :root[data-motyw="jasny"] .formularz input,
:root[data-motyw="jasny"] .formularz select, :root[data-motyw="jasny"] .formularz textarea,
:root[data-motyw="jasny"] .przycisk:not(.przycisk-glowny):not(.przycisk-ostrzezenie),
:root[data-motyw="jasny"] .pigulka { border-color: var(--ramka-mocna); }

/* Słońce w południe: czerń na bieli, grube ramki, bez szarości - nad każdym motywem. */
:root[data-kontrast] {
  --tlo: #fff;
  --tlo-2: #fff;
  --tlo-3: #f2f2f2;
  --pasek: #fff;
  --ramka: #000;
  --ramka-mocna: #000;
  --tekst: #000;
  --tekst-2: #000;
  --tekst-3: #222;
  --akcent: #000;
  --akcent-jasny: #000;
  --akcent-tekst: #fff;
  --mosiadz: #6b4a00;
  --mosiadz-tlo: #fff4d6;
  --ok: #006b2d;
  --ok-jasny: #006b2d;
  --uwaga: #8a5200;
  --blad: #b00000;
  --blad-jasny: #b00000;
  --info: #000;
  --cien: none;
  color-scheme: light;
}
:root[data-kontrast] .karta,
:root[data-kontrast] .przycisk,
:root[data-kontrast] .pigulka { border-width: 3px; }
:root[data-kontrast] body { font-weight: 500; }