/*
 * Ciemny motyw Tablera jest wbudowany (html[data-bs-theme="dark"]) i nie wymaga
 * własnego arkusza. Akcent — czerwony zamiast domyślnego niebieskiego — Tabler 1.5
 * ustawia wyłącznie zmiennymi CSS, bez atrybutu data-bs-theme-primary w tej wersji.
 * Nadpisujemy dwie zmienne, od których zależą przyciski, odnośniki i pierścień
 * ogniskowania: domyślnie --tblr-primary: #066fd1, tu podmienione na gotowy
 * --tblr-red: #d63939 z palety Tablera.
 */
:root {
    --tblr-primary: #d63939;
    --tblr-primary-rgb: 214, 57, 57;
}

/*
 * Pierścień ogniskowania w formularzach — niebieski, nie czerwony jak reszta akcentu.
 *
 * Tabler rysuje go z `--tblr-primary`, a akcentem tej aplikacji jest `--tblr-red`. Wchodzi
 * przez to w rolę, której nie pełni: pole kliknięte wyglądało dokładnie tak samo jak pole
 * z błędem, bo czerwień jest w Bootstrapie i Tablerze kolorem stanu `danger`, a nie
 * kolorem marki. Formularz mówił „popraw to” w chwili, w której użytkownik dopiero
 * zaczynał pisać.
 *
 * Podmieniamy samą zmienną i tylko na kontrolkach, nie w całym motywie: przyciski,
 * odnośniki i znaczniki zostają czerwone, bo tam czerwień niczego nie sugeruje.
 *
 * Pola z błędem nie łapią się na tę regułę mimo `:focus` — `.form-control.is-invalid:focus`
 * rysuje pierścień z `--tblr-danger`, nie z `--tblr-primary`, więc błąd zostaje czerwony
 * także wtedy, gdy użytkownik wróci do pola, żeby go poprawić. To jest cała różnica,
 * o którą tu chodzi.
 */
.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.input-group-flat:focus-within {
    --tblr-primary: #066fd1;
    --tblr-primary-rgb: 6, 111, 209;
}