/* Wygląd formularza w kolorach logo KELLER: granat wordmarku i stalowy błękit pasków znaku.
   Font jak na e-keller.pl (Open Sans). Plik jest serwowany w czasie działania, więc zmiana
   nie wymaga przebudowy aplikacji. --k-promien: 0px daje kanciaste pola jak na e-keller.pl. */
:root {
  --k-font: "Open Sans Variable", "Open Sans", Arial, Helvetica, sans-serif;

  --k-akcent: #1f3a6e;
  --k-akcent-ciemny: #152a51;
  --k-akcent-tlo: #eef1f6;
  --k-akcent-ramka: #9daacb;
  --k-stal: #7d8fb3;
  --k-stal-jasny: #a7b4ce;
  --k-stal-bardzo-jasny: #d3dae8;
  --k-rama: #c5d0e2;

  --k-tekst: #14213d;
  --k-tekst-etykieta: #2d3a52;
  --k-tekst-drugorzedny: #5b6578;
  --k-tekst-wyciszony: #6b7487;

  --k-tlo-strony: #f4f6f9;
  --k-tlo-karty: #ffffff;
  --k-tlo-pola: #f7f9fc;
  --k-linia: #dde3ec;
  --k-linia-jasna: #e4e9f1;
  --k-ramka-pola: #c9d2df;
  --k-ramka-kropki: #9aa6ba;
  --k-fokus: #7fa0dd;

  --k-blad: #b42318;
  --k-blad-ciemny: #8a1c12;
  --k-blad-tlo: #fdecea;
  --k-blad-ramka: #f1b5ae;
  --k-ostrzezenie: #7a4300;
  --k-ostrzezenie-tlo: #fff4e2;
  --k-ostrzezenie-ramka: #f0c98a;
  --k-sukces: #1b6b43;
  --k-sukces-tlo: #e6f4ec;
  --k-sukces-ramka: #9fd3b5;

  --k-promien: 8px;
}