/*
 * ARENA - WSPOLNA PODSTAWA WYGLADU trzech paneli: ArenaPay, ArenaBooking i pulpitu operatora.
 *
 * JEDNO ZRODLO. Do 2026-09-20 kroj marki i paleta byly przepisane w trzech miejscach (arenapay-saas/public/index.php,
 * arenabooking/src/Http/widoki.php, arena-rejestr/public/index.php) - zmiana barwy marki w jednym z nich bez pozostalych
 * to byl dokladnie ten rozjazd, ktory ten plik usuwa. Produkty biora go DOWIAZANIEM (public/assets/arena.css ->
 * vendor/arena/rejestr/public/assets/arena.css), a nie kopia: nie ma czego synchronizowac.
 *
 * CO TU JEST: kroj marki i BARWY (zmienne CSS). Niczego, co samo cokolwiek rysuje - zadnych regul dla znacznikow ani klas:
 * dolaczenie tego pliku do strony nie zmienia jej wygladu, dopoki jej wlasny arkusz nie siegnie po zmienna.
 * CZEGO TU NIE MA: barw uzywanych przez JEDEN panel (barwy danych grafiku Stay, suwaki i kafelki ArenaPay...) - te zostaja
 * w arkuszu produktu, ladowanym PO tym pliku. Tam tez stoja trzy swiadome wyjatki od wspolnych wartosci (BLUEPRINT 1.101).
 *
 * TRYB CIEMNY - JEDEN MECHANIZM W TRZECH PANELACH (decyzja Rafala 2026-09-21; do etapu S2 ArenaPay mial wlasny, w skrypcie):
 *   - data-motyw="dark" albo "light" na znaczniku <html>: swiadomy wybor zapisany przez serwer w ciasteczku
 *     (Arena\Rejestr\Http\Motyw - formularz POST z tokenem, bez JavaScriptu),
 *   - BRAK atrybutu = "jak w systemie": arkusz pyta przegladarke (prefers-color-scheme).
 * Lista ciemnych wartosci stoi w pliku DWA RAZY (CSS nie pozwala uzyc jednej pod selektorem i pod zapytaniem o system).
 * Pilnuje tego tests/arkusz_wspolny_test.php: obie listy musza byc identyczne co do znaku.
 */

/* Kroj z NASZEGO serwera (default-src 'self' nie wpusci obcego), licencja OFL - public/assets/fonty/LICENSE-Montserrat.txt. */
@font-face {
    font-family: "Montserrat"; font-style: normal; font-weight: 800; font-display: swap;
    src: url("/assets/fonty/montserrat-800-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
        U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0,
        U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Montserrat"; font-style: normal; font-weight: 800; font-display: swap;
    src: url("/assets/fonty/montserrat-800-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
        U+FEFF, U+FFFD;
}

:root {
    /* color-scheme nie jest kosmetyka: bez niego przegladarka rysuje POLA DAT, listy rozwijane i paski przewijania wedlug
       SYSTEMU - w ciemnym panelu wychodzil jasny kalendarz, a w jasnym ciemny. Kalendarz w filtrze dat jest kontrolka
       systemowa, nie nasza, wiec tylko tak mozna mu powiedziec, w jakim trybie stoi strona. */
    color-scheme: light;
    /* marka */
    --marka: #4f46e5; --marka-ciemna: #4338ca; --marka-jasna: #eef2ff; --na-marce: #ffffff;
    /* powierzchnie */
    --tlo: #f1f5f9; --papier: #ffffff; --pole: #ffffff; --tlo-delikatne: #f8fafc; --tlo-najazd: #fafbfd;
    /* LEWE MENU jest ciemne w OBU trybach, wiec ciemna paleta tych zmiennych nie powtarza (--pasek-*). */
    --pasek-tlo: #0f172a; --pasek-linia: #1e293b; --pasek-linia-mocna: #334155; --pasek-znak-tlo: #ffffff;
    --pasek-tekst: #cbd5e1; --pasek-tekst-mocny: #ffffff; --pasek-tekst-jasny: #e2e8f0; --pasek-tekst-cichy: #94a3b8;
    --pasek-tekst-slaby: #64748b; --pasek-tekst-najslabszy: #475569;
    --pasek-podpis: #818cf8; --pasek-wybrany-linia: #312e81; --pasek-wybrany-tlo: #1e1b4b;
    --pasek-najazd-motywu: rgb(148 163 184 / .14);
    --pasek-zaslona: rgb(2 6 23 / .65); --pasek-szuflada-cien: 14px 0 35px rgb(0 0 0 / .45);
    /* tekst */
    --tekst: #0f172a; --tekst-drugi: #475569; --tekst-trzeci: #64748b;
    /* linie i cien */
    --linia: #e2e8f0; --linia-pola: #cbd5e1;
    --cien: 0 1px 2px rgb(15 23 42 / .04), 0 4px 12px rgb(15 23 42 / .06);
    /* licznik nowych (dzwoneczek) i cien rozwijanej listy - te same w obu trybach */
    --licznik-tlo: #2563eb; --licznik-tekst: #ffffff; --cien-rozwijany: 0 18px 40px rgb(15 23 42 / .16);
    /* ZNAK OBIEKTU w karcie obiektu (1.597, Http\ZmianaObiektu::karta): kolor rodzaju i napis inicjalow - te same w obu motywach. */
    --pasek-znak-noclegi: #4f46e5; --pasek-znak-szkola: #0d9488; --pasek-znak-tekst: #ffffff;
    /* przyciski drugiego planu */
    --przycisk-tlo: #e2e8f0; --przycisk-najazd: #cbd5e1;
    /* przycisk ekranow wejscia i przelacznik motywu */
    --w-przycisk: #4f46e5; --w-przycisk-tekst: #ffffff; --w-przycisk-najazd: #4338ca; --w-przycisk-najazd-tekst: #ffffff;
    --cien-wejscia: 0 10px 40px rgb(2 6 23 / .45);
    --motyw-wybrany: #4f46e5; --motyw-wybrany-linia: #c7d2fe; --motyw-wybrany-tlo: #eef2ff;
    /* znaczniki stanu i komunikaty (arena-komponenty.css: .znacznik, .komunikat) */
    --zn-zielony-tlo: #dcfce7; --zn-zielony-tekst: #166534;
    --zn-czerwony-tlo: #fee2e2; --zn-czerwony-tekst: #991b1b;
    --zn-szary-tlo: #e2e8f0; --zn-szary-tekst: #475569;
    --zn-niebieski-tlo: #dbeafe; --zn-niebieski-tekst: #1d4ed8;
    --zn-zolty-tlo: #fef9c3; --zn-zolty-tekst: #854d0e;
    /* OSTATNIE MIEJSCA (ArenaBooking 1.642): turnusy i wycieczki - 3 wolne albo mniej. */
    --zn-pomaranczowy-tlo: #ffedd5; --zn-pomaranczowy-tekst: #c2410c;
    --zn-fiolet-tlo: #e0e7ff; --zn-fiolet-tekst: #3730a3;
    /* pole formularza: obrys przy fokusie */
    --obrys-fokus: rgb(79 70 229 / .18);
    /* przelacznik (suwak): wylaczony WYRAZNIE szary, galka biala w obu trybach - wartosci z oryginalnej aplikacji ArenaPay */
    --suwak-tlo: #cbd5e1; --suwak-nieczynny: #94a3b8; --suwak-galka: #ffffff; --suwak-cien: 0 1px 3px rgb(0 0 0 / .2);
    /* GRADIENT MARKI (rozowy w niebieski, 135 stopni) - z oryginalnej aplikacji: tytul ekranu i wlaczony przelacznik.
       Ten sam w obu trybach, wiec bez ciemnej pary (test pozwala na to zmiennym --gradient-* i --pasek-*). */
    --gradient-marki: linear-gradient(135deg, #e11d48, #2563eb);
    /* tlo ekranow wejscia: ciemne w OBU trybach (jak lewe menu) */
    --gradient-wejscia: radial-gradient(1200px 600px at 50% -10%, #1e293b 0%, #0f172a 55%, #0b1220 100%);
    /* tytul ekranu w gradiencie: na ciemnym tle rozjasniony, zeby rozowy poczatek nie gasl */
    --tytul-filtr: none;
}

/* CIEMNY: barwy, ktorymi posluguje sie oryginalna aplikacja ArenaPay. Znaczniki stanu nie sa w nim pastelowe, tylko
   przezroczyste - pastel na ciemnym tle swieci mocniej niz kwota obok. */
:root[data-motyw="dark"] {
    color-scheme: dark;
    --marka: #818cf8; --marka-ciemna: #6366f1; --marka-jasna: #1e1b4b; --na-marce: #0b1120;
    --tlo: #0a0f1a; --papier: #111827; --pole: #0a0f1a; --tlo-delikatne: #1a2235; --tlo-najazd: rgb(255 255 255 / .035);
    --tekst: #f1f5f9; --tekst-drugi: #cbd5e1; --tekst-trzeci: #94a3b8;
    --linia: rgb(255 255 255 / .09); --linia-pola: rgb(255 255 255 / .18);
    --cien: 0 1px 2px rgb(0 0 0 / .5), 0 4px 12px rgb(0 0 0 / .35);
    --licznik-tlo: #2563eb; --licznik-tekst: #ffffff; --cien-rozwijany: 0 18px 40px rgb(15 23 42 / .16);
    --przycisk-tlo: #1a2235; --przycisk-najazd: #26314a;
    --w-przycisk: #6366f1; --w-przycisk-tekst: #ffffff; --w-przycisk-najazd: #818cf8; --w-przycisk-najazd-tekst: #0b1120;
    --cien-wejscia: 0 10px 40px rgb(2 6 23 / .45);
    --motyw-wybrany: #818cf8; --motyw-wybrany-linia: #312e81; --motyw-wybrany-tlo: #1e1b4b;
    --zn-zielony-tlo: rgb(52 211 153 / .15); --zn-zielony-tekst: #34d399;
    --zn-czerwony-tlo: rgb(248 113 113 / .15); --zn-czerwony-tekst: #f87171;
    --zn-szary-tlo: rgb(255 255 255 / .07); --zn-szary-tekst: #94a3b8;
    --zn-niebieski-tlo: rgb(96 165 250 / .15); --zn-niebieski-tekst: #60a5fa;
    --zn-zolty-tlo: rgb(251 191 36 / .15); --zn-zolty-tekst: #fbbf24;
    --zn-pomaranczowy-tlo: rgb(251 146 60 / .15); --zn-pomaranczowy-tekst: #fb923c;
    --zn-fiolet-tlo: rgb(129 140 248 / .18); --zn-fiolet-tekst: #a5b4fc;
    --obrys-fokus: rgb(129 140 248 / .30);
    --suwak-tlo: #475569; --suwak-nieczynny: #475569; --suwak-galka: #ffffff; --suwak-cien: 0 1px 3px rgb(0 0 0 / .2);
    --tytul-filtr: brightness(1.15);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-motyw="light"]) {
    color-scheme: dark;
    --marka: #818cf8; --marka-ciemna: #6366f1; --marka-jasna: #1e1b4b; --na-marce: #0b1120;
    --tlo: #0a0f1a; --papier: #111827; --pole: #0a0f1a; --tlo-delikatne: #1a2235; --tlo-najazd: rgb(255 255 255 / .035);
    --tekst: #f1f5f9; --tekst-drugi: #cbd5e1; --tekst-trzeci: #94a3b8;
    --linia: rgb(255 255 255 / .09); --linia-pola: rgb(255 255 255 / .18);
    --cien: 0 1px 2px rgb(0 0 0 / .5), 0 4px 12px rgb(0 0 0 / .35);
    --licznik-tlo: #2563eb; --licznik-tekst: #ffffff; --cien-rozwijany: 0 18px 40px rgb(15 23 42 / .16);
    --przycisk-tlo: #1a2235; --przycisk-najazd: #26314a;
    --w-przycisk: #6366f1; --w-przycisk-tekst: #ffffff; --w-przycisk-najazd: #818cf8; --w-przycisk-najazd-tekst: #0b1120;
    --cien-wejscia: 0 10px 40px rgb(2 6 23 / .45);
    --motyw-wybrany: #818cf8; --motyw-wybrany-linia: #312e81; --motyw-wybrany-tlo: #1e1b4b;
    --zn-zielony-tlo: rgb(52 211 153 / .15); --zn-zielony-tekst: #34d399;
    --zn-czerwony-tlo: rgb(248 113 113 / .15); --zn-czerwony-tekst: #f87171;
    --zn-szary-tlo: rgb(255 255 255 / .07); --zn-szary-tekst: #94a3b8;
    --zn-niebieski-tlo: rgb(96 165 250 / .15); --zn-niebieski-tekst: #60a5fa;
    --zn-zolty-tlo: rgb(251 191 36 / .15); --zn-zolty-tekst: #fbbf24;
    --zn-pomaranczowy-tlo: rgb(251 146 60 / .15); --zn-pomaranczowy-tekst: #fb923c;
    --zn-fiolet-tlo: rgb(129 140 248 / .18); --zn-fiolet-tekst: #a5b4fc;
    --obrys-fokus: rgb(129 140 248 / .30);
    --suwak-tlo: #475569; --suwak-nieczynny: #475569; --suwak-galka: #ffffff; --suwak-cien: 0 1px 3px rgb(0 0 0 / .2);
    --tytul-filtr: brightness(1.15);
    }
}