/* BARVY */
html {
/*pojmenovani barev*/
 
/*--- Neutralni barvy ---*/
--neutral05: #eceff1;
--neutral10: #e7e7e8;
--neutral20: #cecfd0;
--neutral40: #848689;
--neutral60: #4F5256;
--neutral80: #31353a;
--neutral90: #0a0e14;

/*--- Neutralni barvy - alternativa ---*/
--black:#000;
--black12:#CECFD0;
--black24:#848689;
--black32:#4F5256;

/*--- Terciální barvy ---*/
--ter10: #cfd8dc;
--ter20: #b0bec5;
--ter60: #546e7a;
--ter90: #263238;

/*--- Primární modrá barvy ---*/
--pri05:#e8ecf3;
--pri10:#dbe1eb;
--pri20:#c9d2e1;
--pri30:#8ea1c0;
--pri40:#5370a0;
--pri50:#34568f;
--pri60:#1d4382;
--pri80:#102447; /* - zrušit? */

/*--- Sekundární červená ---*/
--sec30: #EE7D8A;
--sec50: #cf0435;


/*filtry pro barveni ikon z cerne*/
--filter-fff:invert(100%);
--filter-neutral05:invert(98%) sepia(11%) saturate(388%) hue-rotate(172deg) brightness(98%) contrast(93%);
--filter-neutral90:invert(4%) sepia(6%) saturate(5062%) hue-rotate(177deg) brightness(96%) contrast(96%);
--filter-pri05:invert(89%) sepia(4%) saturate(974%) hue-rotate(195deg) brightness(108%) contrast(91%);
--filter-pri30:invert(65%) sepia(6%) saturate(1428%) hue-rotate(178deg) brightness(98%) contrast(86%);
--filter-pri50:invert(31%) sepia(13%) saturate(2522%) hue-rotate(179deg) brightness(97%) contrast(91%);
--filter-pri60:invert(19%) sepia(76%) saturate(1513%) hue-rotate(200deg) brightness(90%) contrast(90%);
--filter-pri80:invert(9%) sepia(49%) saturate(2754%) hue-rotate(205deg) brightness(90%) contrast(93%);    
--filter-sec30:invert(58%) sepia(43%) saturate(504%) hue-rotate(304deg) brightness(93%) contrast(100%);
--filter-sec50:invert(12%) sepia(78%) saturate(6007%) hue-rotate(339deg) brightness(85%) contrast(102%);

/*stabilni barevne pary pro svetlou/tmavou verzi*/
--tgl-black:#000; --tgl-white:#fff;
--txt-neutral90:var(--neutral90);
--tgl-neutral05:var(--neutral05); --tgl-neutral10:var(--neutral10); --tgl-neutral20:var(--neutral20); --tgl-neutral40:var(--neutral40); --tgl-neutral60:var(--neutral60); --tgl-neutral80:var(--neutral80); --tgl-neutral90:var(--neutral90);
--txt-pri80:var(--pri80);
--tgl-pri05: var(--pri05); --tgl-pri10: var(--pri10); --tgl-pri20: var(--pri20); --tgl-pri30: var(--pri30); --tgl-pri50:var(--pri50); --tgl-pri60:var(--pri60); --txt-pri60:var(--pri60); --tgl-pri80:var(--pri80); 
--tgl-sec50:var(--sec50);
--tgl-ter10:var(--ter10); --tgl-ter20:var(--ter20); --tgl-ter60:var(--ter60); --tgl-ter90:var(--ter90);

--filter-tgl-black:none; 
--filter-tgl-white:var(--filter-fff);
--filter-txt-neutral90:var(--filter-neutral90);
--filter-tgl-neutral05:var(--filter-neutral05); --filter-tgl-neutral90:var(--filter-neutral90);
--filter-tgl-pri60:var(--filter-pri60); --filter-txt-pri60:var(--filter-pri60); --filter-tgl-pri80:var(--filter-pri80); --filter-txt-pri80:var(--filter-pri80);
--filter-tgl-sec50:var(--filter-sec50);
}

html.dark {
--tgl-black:#fff; --tgl-white:#000; 
--txt-neutral90:var(--neutral05); 
--tgl-neutral05:var(--neutral90); --tgl-neutral10:var(--neutral90); --tgl-neutral20:var(--neutral20); --tgl-neutral40:var(--neutral60);	--tgl-neutral80:var(--neutral40); --tgl-neutral90:#fff; 
--txt-pri80:var(--pri05);
--tgl-pri05: var(--ter90); --tgl-pri10: var(--ter60); --tgl-pri20: var(--ter60); --tgl-pri30: var(--pri40); --tgl-pri50:var(--neutral60); --tgl-pri60:var(--pri50); --txt-pri60:var(--pri30); --tgl-pri80:var(--pri05);
--tgl-sec50:var(--sec30);
--tgl-ter10:var(--ter60); --tgl-ter20:var(--ter60); --tgl-ter60:var(--ter20); --tgl-ter90:var(--ter10);

--filter-tgl-black:var(--filter-fff); --filter-tgl-white:none; 
--filter-txt-neutral90:var(--filter-neutral05);
--filter-tgl-neutral05:var(--filter-neutral90);--filter-tgl-neutral90:var(--filter-fff);
--filter-txt-pri60:var(--filter-pri30); --filter-txt-pri80:var(--filter-pri05);
--filter-tgl-pri60:var(--filter-pri50); --filter-tgl-pri80:var(--filter-pri05);
--filter-tgl-sec50:var(--filter-sec30);
}