/* BARVY */
html{ 
/*pojmenovani barev*/
--neutral05:#ECEFF1; --neutral10:#CFD8DC; --neutral20:#B0BEC5; --neutral60:#546E7A; --neutral80:#37474f; --neutral90:#263238; 
--pri05:#f8f8f8; --pri10:#efefef; --pri20:#d9d9d9; --pri30:#bebebe; --pri60:#606060; --pri80:#272727; 
--sec05:#fce8e8; --sec60:#e41f1f; --sec70:#b9151c;
--ter05:#fbf8ee; --ter10:#faf0d6; --ter20:#f6e1ad; --ter50:#e8b332; --ter60:#daa520; --ter70:#c89413;
--qua05:#eff6f1; --qua10:#e0eee4; --qua60:#008a27; --qua70:#076d02;

/*stabilni barevne pary pro svetlou/tmavou verzi*/
--tgl-black:#000; --tgl-white:#fff;
--txt-neutral60:var(--neutral60); --txt-neutral90:var(--neutral90); --txt-pri60:var(--pri60); --txt-pri80:var(--pri80);  
--tgl-neutral05:var(--neutral05); --tgl-neutral10:var(--neutral10); --tgl-neutral20:var(--neutral20); --tgl-neutral60:var(--neutral60); --tgl-neutral80:var(--neutral80); --tgl-neutral90:var(--neutral90); 
--tgl-pri05:var(--pri05); --tgl-pri10:var(--pri10); --tgl-pri20:var(--pri20); --tgl-pri30:var(--pri30); --tgl-pri60:var(--pri60); --tgl-pri80:var(--pri80);
--tgl-sec05:var(--sec05); --tgl-sec60:var(--sec60); --tgl-sec70:var(--sec70); 
--tgl-ter05:var(--ter05); --tgl-ter10:var(--ter10); --tgl-ter20:var(--ter20); --tgl-ter50:var(--ter50); --tgl-ter60:var(--ter60); --tgl-ter70:var(--ter70);
--tgl-qua05:var(--qua05); --tgl-qua10:var(--qua10); --tgl-qua60:var(--qua60); --tgl-qua70:var(--qua70);
}

html.dark, .sg-page .dark {
--tgl-black:#fff; --tgl-white:#000; 
--txt-neutral60:var(--neutral20); --txt-neutral90:#fff; --txt-pri60:#fff; --txt-pri80:#fff;  
--tgl-neutral05:var(--neutral90); --tgl-neutral10:var(--neutral80); --tgl-neutral20:var(--neutral80); --tgl-neutral60:var(--neutral60); --tgl-neutral80:var(--neutral20); --tgl-neutral90:var(--neutral10); 
--tgl-pri05:var(--neutral90); --tgl-pri10:var(--neutral80); --tgl-pri20:var(--pri20); --tgl-pri30:var(--pri30); --tgl-pri60:var(--pri30); --tgl-pri80:var(--pri10);
--tgl-sec05:var(--neutral90); --tgl-sec60:var(--sec60); --tgl-sec70:var(--sec70);
--tgl-ter05:var(--ter70); --tgl-ter10:var(--ter60); --tgl-ter20:var(--ter50); --tgl-ter50:var(--ter50); --tgl-ter60:var(--ter20); --tgl-ter70:var(--ter10);
--tgl-qua05:var(--neutral90); --tgl-qua10:var(--neutral80); --tgl-qua60:var(--qua60); --tgl-qua70:var(--qua70);
}