/* ===================================================================
   WARSTWA TOKENÓW (design tokens) — jedno źródło prawdy dla motywów.

   Semantyczne zmienne aplikacji `--app-*` aliasują theme-aware zmienne
   Bootstrapa 5.3 (`--bs-*`), które automatycznie zmieniają wartości wraz
   z data-bs-theme (jasny/ciemny). Dzięki temu komponenty używające `--app-*`
   są zawsze zgodne z aktywnym motywem — bez duplikowania kolorów w dwóch
   plikach i bez „jasnych łat".

   Ładowany w każdym layoucie PO bootstrap.min.css. Zmienne CSS rozwiązują się
   leniwie (w miejscu użycia), więc kolejność względem <scheme>-theme.css nie ma
   znaczenia. Nowe/refaktoryzowane elementy powinny sięgać po `--app-*`.
   =================================================================== */
:root {
    /* --- Powierzchnie i tekst (podążają za motywem przez --bs-*) --- */
    --app-bg:          var(--bs-body-bg);          /* główne tło */
    --app-surface:     var(--bs-secondary-bg);     /* karta / panel */
    --app-surface-2:   var(--bs-tertiary-bg);      /* subtelne tło / hover */
    --app-text:        var(--bs-body-color);       /* tekst podstawowy */
    --app-text-muted:  var(--bs-secondary-color);  /* tekst drugorzędny */
    --app-heading:     var(--bs-emphasis-color);   /* nagłówki / mocny tekst */
    --app-border:      var(--bs-border-color);      /* obramowania */

    /* --- Akcent / marka (partial theme-accent nadpisuje --bs-primary,
           a poniższe aliasy podążają za nim automatycznie) --- */
    --app-accent:      var(--bs-primary);
    --app-accent-rgb:  var(--bs-primary-rgb);

    /* --- Statusy (spójne we wszystkich modułach) --- */
    --app-success:     var(--bs-success);
    --app-warning:     var(--bs-warning);
    --app-danger:      var(--bs-danger);
    --app-info:        var(--bs-info);

    /* --- Kształt / głębia (stałe niezależne od motywu) --- */
    --app-radius-sm:   .375rem;
    --app-radius:      .625rem;
    --app-radius-lg:   1rem;
    --app-radius-pill: 999px;
    --app-shadow-sm:   0 1px 2px rgba(0, 0, 0, .08);
    --app-shadow:      0 6px 18px rgba(0, 0, 0, .12);
    --app-shadow-lg:   0 16px 40px rgba(0, 0, 0, .22);

    /* --- Ruch (spójne czasy przejść) --- */
    --app-transition:  .18s ease;
}