/* ═══════════════════════════════════════════════════════════════════════
   SKÓRA — paleta całego serwisu, zdefiniowana RAZ, w tym jednym pliku.

   Sprzedajemy zdjęcia: interfejs trzyma się czerni, żeby kolor był
   w kadrach, a nie na przyciskach i tłach. Jeden akcent (złoto) tylko na:
   przyciski główne, wybrane stany i cenę.

   Podpinany <link>-em PRZED arkuszem strony na wszystkich adresach:
   /, /rezerwacja, /rezerwacja/potwierdzenie, /regulamin,
   /polityka-prywatnosci. Zmiana koloru = zmiana tutaj, nigdzie indziej.

   ZASADA: ani w arkuszach, ani w HTML-u nie wolno wpisać koloru wprost —
   wyłącznie var(--…). Powtarzalne pochodne (przezroczystości, rozjaśnienia)
   są policzone niżej przez color-mix z tokenów; jednorazową przezroczystość
   wolno policzyć przy użyciu, ale też TYLKO z tokena.

   To świadomie JEDNA skórka — nie ma przełącznika jasny/ciemny.
   ═══════════════════════════════════════════════════════════════════════ */
:root{
  /* Natywne kontrolki (select, checkbox, suwak, paski przewijania) mają
     renderować się ciemne — bez tego pole formularza byłoby ciemne,
     a rozwijana lista jasna. */
  color-scheme:dark;

  /* ── Paleta ──────────────────────────────────────────────────────────
     Kontrasty zmierzone (WCAG): --tekst 17,3:1 na --tlo, ≥14,7:1 na obu
     powierzchniach · --tekst-cichy 7,1:1 na --tlo, 6,5:1 na --powierzchnia,
     6,0:1 na --powierzchnia-2 · --akcent 9,3:1 na --tlo · --blad 5,9:1
     na --tlo · --sukces 8,2:1 na --tlo · --akcent-ciemny 8,9:1 na --akcent.
     Wszystko ponad AA z zapasem — drobnego tekstu mimo to nie piszemy
     złotem, złoto jest dla akcji, stanów wybranych i dużych liczb (ceny).
     Wyjątek od AA świadomy i zgodny z wyjątkiem WCAG dla kontrolek
     wyłączonych: dni bez terminów w kalendarzu — --tekst-cichy przy 40%. */
  --tlo:#0B0B0D;            /* główne tło strony */
  --powierzchnia:#141519;   /* karty, kafle, panel boczny */
  --powierzchnia-2:#1C1E23; /* stan hover, pola formularzy */
  --linia:#2A2D34;          /* obramowania, separatory */
  --tekst:#F3F0EA;          /* tekst główny */
  --tekst-cichy:#9A9AA4;    /* podpisy, opisy */
  --akcent:#E0A93B;         /* złoto — przyciski główne, wybrane stany, cena */
  --akcent-ciemny:#14100A;  /* tekst NA złotym tle */
  --sukces:#58B98C;         /* potwierdzenia */
  --blad:#E4674A;           /* błędy i ostrzeżenia */

  /* ── Akcenty branżowe (18.09.2026) ───────────────────────────────────
     Tylko znacznik branży na stronie głównej: kwadracik, plansza, obwódka
     i podpis w kolumnach hero i na kartach specjalizacji. Przyciski, stany
     wybrane i cena zostają złote — tu nic się nie zmienia.
     Kontrast na --tlo / --powierzchnia: ślub 8,1/7,5 · rodzina 12,4/11,5 ·
     noworodki 8,2/7,6 · biznes 9,0/8,4 · produkt 8,9/8,2 · event 9,4/8,7. */
  --branza-slub:#E48DA0;
  --branza-rodzina:#F5C84E;
  --branza-noworodki:#DC8FC4;
  --branza-biznes:#74C08A;
  --branza-produkt:#5BBBD1;
  --branza-event:#F0A25E;

  /* ── Pochodne liczone z palety ─────────────────────────────────────── */
  --akcent-hover:color-mix(in srgb, var(--akcent) 88%, var(--tekst));   /* jaśniejsze złoto na hover */
  --akcent-wybrany:color-mix(in srgb, var(--akcent) 15%, var(--powierzchnia)); /* tło wybranego kafla */
  --akcent-linia:color-mix(in srgb, var(--akcent) 45%, transparent);    /* obwódki plakietek */
  --akcent-poswiata:color-mix(in srgb, var(--akcent) 25%, transparent); /* ring fokusa pól */
  --tlo-przez:color-mix(in srgb, var(--tlo) 92%, transparent);          /* przyklejony nagłówek */
  --nakladka:color-mix(in srgb, var(--tlo) 94%, transparent);           /* lightbox */
  --blad-tlo:color-mix(in srgb, var(--blad) 12%, var(--powierzchnia));  /* tło komunikatu błędu */
  --blad-linia:color-mix(in srgb, var(--blad) 40%, transparent);
  --sukces-tlo:color-mix(in srgb, var(--sukces) 14%, var(--powierzchnia)); /* tło znacznika sukcesu */

  /* ── Wspólne miary — nie kolory, ale też zdefiniowane raz ──────────── */
  --radius:2px;
  --shadow:0 1px 2px color-mix(in srgb, var(--tlo) 60%, transparent),0 10px 26px color-mix(in srgb, var(--tlo) 70%, transparent);
  --serif:"Playfair Display",Georgia,"Times New Roman",serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
}