 :root{

	font-family		: 'Merriweather Sans', sans-serif; 
	font-size		: 16px;
	 
	--font-color	: #3d3d3d;
   	--font-family	: Lato, Open Sans,Arial,sans-serif;
   	--mainfont		: var(--font-family);
		 

	--gold-first	: #D4AF37;
	--gold-second	: #e5af00;
	--gold-light-first: #E4D7B9;
	 
	--green-first	: #062017;
	--green-second	: #145C3F;
	--green-third	: #055439;
	--green-light-first	:#106d47;
	
	--gray-first	: #F4F1EA;
	--black-first	: #222222;

	--gray-light: #F5F3EE;
	--gray-medium: #BEB9AF;
	--black-soft: #1C1C1C;
	 
	--body-max-width		: 100%;
	--fullwidth-max-width	: 1920px;	
	--container-max-width	: 1024px;	
	--main-bgcolor			: white;


	--link					: var(--green-first);
	--link-active			: var(--green-second);
	--link-hover			: var(--green-second);
	--link-focus			: var(--green-second);
	 
	 
	--button-color			: #fff;
	--button-bgcolor		: var(--green-second);
	--button-color-hover	: var(--gold-second);
	--button-bgcolor-hover	: var(--green-third);

	 
	--site-header-bgcolor			: var(--green-third);
	--site-header-color				: var(--main-nav--link);
	--site-header-title-color		: var(--main-nav--link);
	--site-header-subtitle-color	: var(--main-nav--link);
	--site-header-title-link		: var(--main-nav--link);
	--site-header-title-link-hover	: var(--main-nav--link-hover);

	 
	--main-nav--link		: var(--gray-first);
	--main-nav--link-active	: var(--gold-second);
	--main-nav--link-hover	: var(--gold-second);
	--main-nav--bgcolor		: var(--site-header-bgcolor);

	--main-nav--togglebtn-color:	var(--main-nav--link);
	--main-nav--togglebtn-bgcolor:	var(--main-nav--link);

	--mobile-nav--link			: var(--main-nav--link);
	--mobile-nav--link-active	: var(--main-nav--link-active);
	--mobile-nav--link-hover	: var(--main-nav--link-hover);
	--mobile-nav--bgcolor		: var(--main-nav--bgcolor	);
	 
	--footer-bgcolor			: var(--site-header-bgcolor);
	--footer-color				: var(--gray-first);
	--footer-widget-head-color	: var(--gold-first);
	 
	--footer--link			: var(--gold-second);
	--footer--link-active	: var(--gold-light-first);
	--footer--link-hover	: var(--gold-light-first);

}




/*
 
Główne kolory
Ciemna butelkowa zieleń (tło / główne bloki): #0B3A2A
Złoto (akcenty, ikony, obramowania, CTA): #D4AF37
Biel na treść: #FFFFFF

Taki duet (butelkowa zieleń + złoto) jest często używany w projektach premium, bo kojarzy się z prestiżem, stabilnością i luksusem, co dobrze wpisuje się w komunikację kancelarii prawnych.​

Dodatkowe odcienie
Bardzo ciemna zieleń (prawie czarne tło headera / stopki): #062017
Jaśniejsza zieleń do hoverów / delikatnych teł: #145C3F
Jasny, ciepły szaro–beż pod tła sekcji: #F4F1EA
Ciemny, neutralny tekst (zamiast czystej czerni): #222222


Proporcje użycia
60% – tła jasne: #FFFFFF / #F4F1EA
30% – zieleń: #0B3A2A / #145C3F
10% – akcenty złote: #D4AF37

*/