:root {

  /* ========== Ścieżki do obrazów ========== */
  --img-body-bg:            url('/assets/templates/www/images/body_bg.webp');
  --img-search-btn:         url('/assets/templates/www/images/search_input_button.png');
  --img-search-btn-hover:   url('/assets/templates/www/images/search_input_button_hover.png');
  --img-ticker-bg:          url('/assets/templates/www/images/ticker_bg.png');
  --img-header-2:           url('/assets/templates/www/images/swiebodzin_header_img.webp');
  --img-poznaj-nas-bg:      url('/assets/templates/www/images/section_poznajnas_bg.jpg');
	
  /* ========== Kolory marki ========== */
  --color-primary:         #931918;   /* główny kolor marki */
  --color-primary-rgb:     147, 25, 24;	
  --color-primary-hover:   #e30613;   /* hover primary */
  --color-primary-dark:    #5A0404;   /* ciemniejszy odcień (sidebar hover) */
  --color-white:           #ffffff;
  --color-black:           #000000;

  /* ========== Tekst ========== */
  --color-text:            #242424;   /* główny kolor tekstu */
  --color-text-muted:      #707070;   /* wyciszony tekst (daty, podpisy) */
  --color-heading:         #000000;   /* nagłówki h1, h2 */	

  /* ========== Tła ========== */
  --color-bg:              #ffffff;   /* tło strony, navbar, inputy */
  --color-bg-subtle:       #f2f2f2;   /* tło sekcji, footer, hover wierszy */
  --color-surface-dark:    #383838;   /* ciemne powierzchnie (nagłówki tabel) */

  /* ========== Obramowania ========== */
  --color-border:          #B8B8B8;   /* linie, obramowania, ikony - #e1e1e1 */

  /* ========== Linki ========== */
  --color-link:            #921918;   /* kolor linków (= primary u Ciebie) */
	
  /* ========== Stany specjalne ========== */
  --color-focus:           #cf1016;   /* outline focus WCAG */
  --color-success:         #108a00;
  --color-danger:          #f50d00;
  --color-warning:         #f4a110;

  /* ========== Typografia ========== */
  --font-primary:          'Lato', sans-serif;
}