/*
    Motyw Montero — JEDYNE miejsce z wartościami kolorów po stronie Razora.

    Odpowiednik reguły „katalog Themes/ to jedyne miejsce z kolorami” z CLAUDE.md:
    żaden komponent ani montero.css nie ma prawa zawierać literału #RRGGBB —
    wszystko idzie przez var(--montero-*). Zmiana marki = podmiana tego pliku.

    Wartości są zsynchronizowane z Montero.Admin/Themes/KoloryMontero.xaml. Nazwy
    zmiennych idą za nazwami pędzli (BrushAkcent -> --montero-akcent), żeby przeniesienie
    reguły z panelu do telefonu było mechaniczne, a nie interpretacyjne.
*/

:root {
    /* ═══ Rodzina FrameStack — baza ═══ */
    --montero-granat: #0A1229;
    --montero-tlo: #F5F7FA;
    --montero-panel: #FFFFFF;
    --montero-obramowanie: #E3E6EC;
    --montero-linia: #EDEFF3;
    --montero-hover: #EFF1F5;

    /* ═══ Powłoka na ciemnym tle (odpowiednik sidebara) ═══ */
    --montero-powloka: #0A1229;
    --montero-powloka-hover: #141F3D;
    --montero-tekst-powloki: #C9CCD4;
    --montero-tekst-powloki-slaby: #8A8F9C;

    /* ═══ Montero — pomarańcz sygnałowy ═══ */
    --montero-akcent: #F26B1D;
    --montero-akcent-hover: #C24E0A;
    --montero-tlo-akcent: #FBEEE2;
    --montero-tekst-na-akcencie: #FFFFFF;

    /* ═══ Tekst ═══ */
    --montero-tekst: #0A1229;
    --montero-tekst-slaby: #5C6270;
    --montero-nieaktywny: #9AA0AC;

    /* ═══ Semantyka (nie mieszać z pomarańczem marki) ═══ */
    --montero-ok: #1D9E75;
    --montero-uwaga: #BA7517;
    --montero-blad: #E24B4A;
    --montero-tlo-bledu: #FCEDED;
    /* Jasne tła etykiet stanu (znacznik planu na siatce, U3) — pod tekstem w kolorze stanu, kontrast AA. */
    --montero-tlo-ok: #E3F3ED;
    --montero-tlo-uwagi: #F8ECD9;
    --montero-tlo-neutralne: #EEF0F3;

    /* ═══ Statusy otworów — 1:1 z BrushStatus* w Themes/KoloryMontero.xaml ═══
       To samo okno ma mieć ten sam kolor na ekranie biura i na telefonie; rozjazd
       znaczyłby, że dwie osoby patrzą na ten sam otwór i widzą inny stan.

       Cztery stany, bo tyle liczy cykl otworu. Pusty jest NEUTRALNY — miejsce w siatce
       bez konstrukcji to jeszcze nie robota, więc nie ma się czym świecić. */
    --montero-status-pusty: #B4B2A9;
    --montero-status-zaplanowany: #F26B1D;
    --montero-status-zamontowany: #2A63F7;
    --montero-status-odebrany: #1D9E75;
    /* Okno W TRAKCIE etapów (część wykonana, na kolejny czeka) — stan widoku, nie bazy: w bazie to nadal
       Zaplanowany. Bursztyn „w trakcie" jak BrushUwaga w panelu, żeby nie mylił się z pomarańczem planu. */
    --montero-status-wtrakcie: #BA7517;

    /* ═══ Bieg usterki serwisowej ═══════════════════════════════════════════════
       Reklamacja idzie własną maszyną stanów, więc ma własną rodzinę kolorów — wspólny
       StatusUsterki opisuje co innego i mieszanie ich zamieniłoby chip w zgadywankę.

       Zgłoszona jest NEUTRALNA: nowa reklamacja to praca do rozdzielenia, a nie awaria —
       czerwień na wejściu kolejki znaczyłaby, że każde zgłoszenie klienta jest problemem.
       Przyjęta i Zaplanowana to dwa odcienie robocze (fiolet w stronę granatu marki),
       Naprawiona bierze zieleń --montero-ok, a Odrzucona jest JEDYNYM czerwonym stanem
       w tym biegu: dla klienta odmowa naprawy naprawdę jest złą wiadomością. */
    --montero-serwis-zgloszona: #5C6270;
    --montero-serwis-przyjeta: #3A6EA5;
    --montero-serwis-zaplanowana: #6D5AA8;
    --montero-serwis-naprawiona: #1D9E75;
    --montero-serwis-odrzucona: #E24B4A;

    /* Kropka otwartych usterek — jak BrushKropkaUsterki */
    --montero-kropka-usterki: #E24B4A;

    /* ═══ Kalendarz — rodzina BrushWydarzenie*, celowo poza semantyką ═══ */
    --montero-wydarzenie-montaz: #3A6EA5;
    --montero-wydarzenie-dostawa: #7A57C4;
    --montero-wydarzenie-odbior: #B5539C;
    --montero-wydarzenie-inne: #6B7280;

    /* ═══ Paleta budów — TOŻSAMOŚĆ, nie stan ═══════════════════════════════════
       Dziesięć przygaszonych kolorów przypisywanych budowom deterministycznie
       (patrz Uslugi/Klasy.KolorBudowy). Kolor budowy odpowiada na pytanie „CZYJE
       to jest", nigdy „w jakim jest stanie" — dlatego pojawia się WYŁĄCZNIE jako
       cienki pasek przy kafelku i próbka w legendzie, a nigdy jako tło chipa
       czy kropka statusu.

       Dobór: żaden odcień nie jest zielenią --montero-ok, czerwienią
       --montero-blad, bursztynem --montero-uwaga ani pomarańczem marki. Sześć
       osobnych barw plus cztery ciemniejsze warianty tych najlepiej rozróżnialnych
       — przy dwóch wymiarach (barwa + jasność) dziesięć pasków obok siebie da się
       jeszcze odróżnić, przy dziesięciu sąsiadujących barwach już nie. */
    --montero-budowa-1: #2E6F9E;
    --montero-budowa-2: #257F86;
    --montero-budowa-3: #4E7A3F;
    --montero-budowa-4: #6D5AA8;
    --montero-budowa-5: #9C4F7A;
    --montero-budowa-6: #8A5A3C;
    --montero-budowa-7: #1F4E6B;
    --montero-budowa-8: #2F5C4A;
    --montero-budowa-9: #4A3E75;
    --montero-budowa-10: #6B3653;

    /* Przygaszone tła belek wydarzeń — po jednym na kolor palety. Belka ma NIEŚĆ nazwę,
       więc pełny kolor byłby tłem, na którym tekst przestaje być czytelny; kolor mocny
       zostaje na obramowaniu i na literach. Wartości wpisane wprost, a nie liczone przez
       color-mix(): funkcja jest młodsza niż WebView2, na którym to dziś chodzi, a cicho
       nieobsłużona zamieniłaby belki w przezroczyste prostokąty. */
    --montero-budowa-1-tlo: #E4EDF4;
    --montero-budowa-2-tlo: #E2F0F1;
    --montero-budowa-3-tlo: #E9F0E5;
    --montero-budowa-4-tlo: #ECE8F4;
    --montero-budowa-5-tlo: #F4E7EE;
    --montero-budowa-6-tlo: #F1EAE4;
    --montero-budowa-7-tlo: #E3EAEF;
    --montero-budowa-8-tlo: #E5EDE9;
    --montero-budowa-9-tlo: #E9E7F1;
    --montero-budowa-10-tlo: #F0E6EB;

    /* Zasłona pod arkuszem otworu — granat marki z przezroczystością. */
    --montero-zaslona: rgb(10 18 41 / 45%);

    /* ═══ Odstępy — wyłącznie wielokrotności 4 ═══ */
    --montero-odstep-1: 4px;
    --montero-odstep-2: 8px;
    --montero-odstep-3: 12px;
    --montero-odstep-4: 16px;
    --montero-odstep-5: 20px;
    --montero-odstep-6: 24px;

    /* ═══ Promienie i cień ═══ */
    --montero-promien: 8px;
    --montero-promien-maly: 4px;
    --montero-cien: 0 1px 2px rgb(10 18 41 / 6%), 0 4px 12px rgb(10 18 41 / 4%);

    /* ═══ Układ ═══ */
    /* Wysokość dolnej nawigacji (bez bezpiecznego marginesu ekranu) — pasek akcji siatki przykleja się nad nią. */
    --montero-wysokosc-nawigacji: 58px;
}