: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');
	
  /* ========== Kolory marki ========== */
  --color-primary:         #A12C6A;   /* główny kolor marki */
  --color-primary-rgb:     161, 44, 106;
  --color-primary-hover:   #741748;   /* hover primary */
  --color-primary-dark:    #7B0041;   /* ciemniejszy odcień (sidebar hover) */
  --color-secondary:       #1E7D8A;   /* główny kolor marki */
  --color-secondary-dark:  #006572;   /* główny kolor marki */	
  --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:          #DEDEDE;   /* linie, obramowania, ikony - #e1e1e1 */

  /* ========== Linki ========== */
  --color-link:            #A12C6A;   /* 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:          'Inter', sans-serif;
}