/* ============================================================
   ELTECHBOX — Bootstrap w kolorach marki

   Plik tłumaczy domyślną paletę Bootstrapa (niebieski #0d6efd)
   na czerwień z tokenów w style.css, żeby komponenty nie trzeba było
   przemalowywać po kolei w miejscu użycia.

   STOI TU TYLKO TO, CZEGO PANEL NAPRAWDĘ UŻYWA: menu konta i pola wyboru.
   Przyciski, paginacja, paski postępu, zakładki i akordeon miały tu swoje
   kolory na zapas, choć w żadnym znaczniku ich nie ma — poszły z pliku.
   Nowy komponent Bootstrapa dopisuje się tutaj razem z jego pierwszym użyciem.

   Kolejność wczytywania ma znaczenie:
     1. assets/bootstrap/css/bootstrap.min.css   — komponenty
     2. style/theme.css                          — ten plik
     3. style/style.css                          — style ekranu logowania

   Wartości są podane jako var(--acc) itd., więc zmiana czerwieni
   w jednym miejscu w style.css przestawia cały Bootstrap.
   ============================================================ */

:root,
[data-bs-theme="light"] {
  /* --- kolor główny --- */
  --bs-primary:                var(--acc);
  --bs-primary-rgb:            var(--acc-rgb);
  --bs-primary-text-emphasis:  var(--acc-hover);
  --bs-primary-bg-subtle:      #FDE6E9;
  --bs-primary-border-subtle:  #F5B8C0;

  /* --- typografia i kolory tekstu --- */
  --bs-body-font-family:       var(--f-body);
  --bs-body-color:             var(--ink);
  --bs-body-color-rgb:         26, 26, 26;
  --bs-secondary-color:        var(--ink-2);
  --bs-tertiary-color:         var(--muted);

  /* --- odnośniki --- */
  --bs-link-color:             var(--acc);
  --bs-link-color-rgb:         var(--acc-rgb);
  --bs-link-hover-color:       var(--acc-hover);
  --bs-link-hover-color-rgb:   var(--acc-hover-rgb);

  /* --- obramowania i zaokrąglenia zgodne z kartą logowania --- */
  --bs-border-color:           var(--line-2);
  --bs-border-radius:          var(--r-sm);
  --bs-border-radius-lg:       var(--r);

  /* --- obwódka fokusu --- */
  --bs-focus-ring-color:       var(--acc-ring);
}

/* Menu konta w pasku. Zostaje, bo Bootstrap bierze ten kolor także na czas
   wciśnięcia pozycji (.dropdown-item:active) — bez tego pozycja mrugałaby
   na niebiesko przy każdym kliknięciu. */
.dropdown-menu {
  --bs-dropdown-link-active-bg: var(--acc);
}

/* Pola formularzy Bootstrapa mają domyślnie niebieski fokus. */
.form-select:focus {
  border-color: var(--acc);
  box-shadow: 0 0 0 4px var(--acc-ring);
}