/* ==========================================================================
   Nadpisania marki (Issue #100)
   --------------------------------------------------------------------------
   Tokeny w static/css/feedback-ds/tokens/ są kopią 1:1 z projektu Design i nie
   wolno ich edytować ręcznie (patrz README tam). Wszystkie odstępstwa marki
   trzymamy tutaj — jeden plik, linkowany jako OSTATNI arkusz w base.html
   i index.html, żeby wygrywał w kaskadzie nad DS-em, style.css i landing.css.

   Zmienne CSS rozwiązują się w miejscu użycia, więc nadpisanie samych aliasów
   semantycznych (--bg-page, --text-*) przemalowuje cały serwis — również
   --color-bg / --color-text ze style.css, które na nie wskazują.
   ========================================================================== */

/* ==========================================================================
   Nadpisania marki (Issue #100, Issue #127) — USUNIĘTE przy synchronizacji
   z projektem Design "Feedback Design System" (e24d8bc0-3871-4437-b6b1-
   d23dc147903f), 2026-09-11.
   --------------------------------------------------------------------------
   Ten blok nadpisywał --bg-page, --text-primary, --text-secondary,
   --text-muted, --font-display i importował samodzielnie DM Serif Display.
   Token DS (static/css/feedback-ds/tokens/colors.css i typography.css) teraz
   zawiera te same wartości bezpośrednio (--bg-page z tego bloku był już i
   tak martwy, nadpisany niżej przez Issue #132), więc duplikat tu tylko
   groziłby rozjazdem przy kolejnej synchronizacji. Historia: Issue #100
   (krój/tekst), Issue #127 (tło #E7E3E3, zastąpione w Issue #132).
   Font DM Serif Display + Manrope + JetBrains Mono ładuje teraz
   static/css/feedback-ds/tokens/fonts.css.
   ========================================================================== */

/* ==========================================================================
   Nadpisania marki (Issue #132) — nowa paleta UI
   --------------------------------------------------------------------------
   Zgłoszenie podawało: tło #f8f1f8, tekst #0f1232, przyciski #fcfcfc,
   ramki/obwódki tabel #4517b9. Kolor przycisków i podział ramek na warstwy
   ustalone z użytkownikiem podczas wdrożenia (patrz komentarze niżej) —
   #fcfcfc kolidowało z istniejącymi kolorami przycisków niebezpiecznych.

   Wartości --bg-page, --text-primary, --border-strong/default/subtle i
   --brand-primary* z tego zgłoszenia USUNIĘTE stąd przy tej samej
   synchronizacji (2026-09-11) — token DS zawiera je teraz bezpośrednio i
   są identyczne. Zostają tylko --color-primary/--color-secondary: to lokalne
   aliasy style.css, nie tokeny DS, więc nie mają odpowiednika w źródle. */
:root {
    /* --- Przyciski -----------------------------------------------------------
       Ustalone z użytkownikiem: #FF3E30 dla przycisków głównych (CTA) i
       drugorzędnych (poprawka po pierwszym wdrożeniu z #CE2029). Przyciski
       niebezpieczne (usuń, potwierdź anulowanie) zostają na dotychczasowym
       --status-danger-fg (rose-700) — nie korzystają z aliasów niżej, więc
       pozostają wizualnie odróżnialne od zwykłych akcji. Logowanie
       Microsoft/Google ma twardo zakodowaną czarną ramkę (wymóg wytycznych
       brandowych obu dostawców) — celowo pominięte.

       Wyjątek: panel boczny ".recruitment-detail-sidebar" na /rekrutacje/<id>
       (akcje: edytuj, zmień CV, dodaj zdarzenie, usuń, wróć do listy) — jego
       przyciski (.recruitment-detail-action) mają tło var(--color-bg), a nie
       jeden z aliasów niżej, więc nowy kolor ich nie dotyka bez dodatkowych
       reguł. Nic tu więc nie trzeba wykluczać osobno.

       --brand-primary* zasila CTA na landing page (landing.css, topnav.css)
       oraz --color-accent w style.css (przez referencję zmiennej — nie trzeba
       go nadpisywać osobno). Wartości (#FF3E30 / #EB1000 / #B80C00) żyją teraz
       bezpośrednio w static/css/feedback-ds/tokens/colors.css — usunięte stąd
       przy synchronizacji 2026-09-11, bo są identyczne z tym co było tutaj.

       UWAGA (kontrast, wciąż aktualna): biały tekst na #FF3E30 daje 3,51:1 —
       poniżej progu WCAG AA dla zwykłego tekstu (4,5:1), ale powyżej progu dla
       tekstu dużego/pogrubionego i elementów UI (3:1, WCAG 1.4.11), pod który
       podpadają istniejące przyciski (font-weight 600-700). Nie zmieniany bez
       wyraźnej decyzji, bo #FF3E30 to jawne ustalenie z użytkownikiem.

       --color-primary / --color-secondary to lokalne aliasy style.css dla
       przycisków czarnych (skip-link, przycisk logowania magic-link,
       przyciski "drugorzędne": kopiuj, wyślij, itd.) — nadpisane tu wprost,
       bo nie pochodzą od żadnego tokenu DS. --color-primary zasila też
       domyślnie tło <footer> (patrz reguła "footer" niżej) — nadpisane tam
       osobno kolorem #e9dcf8 i kolorem tekstu #0f1232, żeby stopka nie poszła
       za kolorem przycisków. */
    --color-primary: #FF3E30;
    --color-primary-hover: #EB1000;
    --color-secondary: #FF3E30;
    --color-secondary-hover: #EB1000;
}

/* ==========================================================================
   Dalsze poprawki koloru (bez osobnego issue)
   --------------------------------------------------------------------------
   Ustalone bezpośrednio z użytkownikiem: kolor kickera i nazwy firmy w
   panelu bocznym szczegółów rekrutacji oraz tło stopki, niezależne od
   --color-primary (patrz uwaga w sekcji "Przyciski" wyżej).
   ========================================================================== */
/* .recruitment-detail-kicker korzystał z --color-accent (dawniej różowy,
   teraz czerwony akcent przycisków) - na życzenie zmieniony na kolor tekstu
   podstawowego, żeby nie mylił się wizualnie z przyciskami. Analogicznie
   nazwa firmy w panelu bocznym (--color-primary -> ten sam kolor). Oba
   nadpisane jako osobne reguły selektorów, nie jako alias, żeby nie ruszać
   innych miejsc, które nadal korzystają z --color-accent / --color-primary. */
.recruitment-detail-kicker,
.recruitment-detail-sidebar-company {
    color: #0f1232;
}

/* Tło i kolor tekstu stopki. Domyślnie stopka korzysta z --color-primary dla
   tła i białego/rgba(255,255,255,.7) dla tekstu (patrz "footer",
   ".footer-logo", ".footer-nav-title", ".footer-links a" w style.css) -
   wszystko podmienione tu wprost, a nie przez alias, żeby zmiana koloru
   przycisków (--color-primary) nie przemalowywała też stopki.
   Kontrast #0f1232 na #e9dcf8: 13,9:1 - daleko powyżej progu WCAG AA
   (4,5:1) i AAA (7:1). */
footer {
    background-color: #e9dcf8;
    color: #0f1232;
}

.footer-logo,
.footer-nav-title {
    color: #0f1232;
}

/* Odnośniki w stopce zachowują dotychczasową hierarchię (przygaszony stan
   domyślny, pełny kolor na hover/focus) - tylko przemalowane z bieli na
   nowy kolor tekstu. */
.footer-links a {
    color: rgba(15, 18, 50, 0.7);
}

.footer-links a:hover,
.footer-links a:focus-visible {
    color: #0f1232;
}

/* Nagłówek "Pełny raport" (.feedback-report > summary, style.css) korzystał
   z --color-primary, więc poszedł za zmianą koloru przycisków na czerwony -
   na życzenie z powrotem na kolor tekstu podstawowego, żeby nie wyglądał jak
   przycisk/link akcji. Osobna reguła, nie alias, z tego samego powodu co
   wyżej. */
.feedback-report > summary {
    color: #0f1232;
}
