/* BARVY */
html {
/*pojmenovani barev*/
--neutral05:#ECEFF1; --neutral10:#CFD8DC; --neutral20:#B0BEC5; --neutral60:#546E7A; --neutral80:#37474F; --neutral90:#263238;
--pri05:#EFF3F9; --pri10:#CFDCF1; --pri20:#A1B8E0; --pri30:#678AC6; --pri60:#1B3E7A; --pri80:#102447; --pri90:#08162D;
--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;

/*barvy s transparenci*/
--black-o10:#0000001a; --black-o30:#0000004d; --black-o50:#00000080; --black-o70:#000000b2; --black-o90:#000000e5;
--white-o10:#FFFFFF1a; --white-o30:#FFFFFF4d; --white-o50:#FFFFFF80; --white-o70:#FFFFFFb2; --white-o90:#FFFFFFe5;
--neutral10-o50:#ECEFF180; --neutral10-o90:#ECEFF1e5;
--neutral20-o30:#B0BEC54d;
--neutral80-o30:#37474F4d;
--neutral90-o50:#26323880; --neutral90-o90:#263238e5;
--pri05-o10:#EFF3F91a; --pri05-o50:#EFF3F980;
--pri10-o10:#CFDCF11a; --pri10-o30:#CFDCF14d; --pri10-o90:#CFDCF1e5;
--pri30-o90:#678AC6e5;
--pri60-o10:#1B3E7A1a; --pri60-o30:#1B3E7A4d; --pri60-o90:#1B3E7Ae5;
--pri80-o50:#10244780;
--pri80-o90:#102447e5;
--pri90-o10:#08162D1a;

/*filtry pro barveni ikon z cerne*/
--filter-fff:invert(100%);
--filter-neutral05:invert(98%) sepia(3%) saturate(154%) hue-rotate(161deg) brightness(92%) contrast(107%);
--filter-neutral20:invert(79%) sepia(17%) saturate(176%) hue-rotate(156deg) brightness(94%) contrast(87%);
--filter-neutral60:invert(44%) sepia(24%) saturate(435%) hue-rotate(154deg) brightness(87%) contrast(87%);
--filter-neutral80:invert(26%) sepia(7%) saturate(1396%) hue-rotate(155deg) brightness(91%) contrast(89%);
--filter-neutral90:invert(16%) sepia(26%) saturate(439%) hue-rotate(155deg) brightness(97%) contrast(93%);
--filter-pri10:invert(83%) sepia(6%) saturate(960%) hue-rotate(184deg) brightness(107%) contrast(89%);
--filter-pri20:invert(80%) sepia(10%) saturate(1416%) hue-rotate(188deg) brightness(89%) contrast(96%);
--filter-pri30:invert(52%) sepia(34%) saturate(565%) hue-rotate(179deg) brightness(95%) contrast(94%);
--filter-pri60:invert(19%) sepia(90%) saturate(1008%) hue-rotate(195deg) brightness(89%) contrast(95%);
--filter-pri80:invert(9%) sepia(49%) saturate(2754%) hue-rotate(205deg) brightness(90%) contrast(93%);
--filter-pri90:invert(6%) sepia(20%) saturate(6743%) hue-rotate(205deg) brightness(92%) contrast(97%);
--filter-sec60:invert(19%) sepia(65%) saturate(6588%) hue-rotate(353deg) brightness(92%) contrast(91%);
--filter-sec70:invert(12%) sepia(100%) saturate(3792%) hue-rotate(350deg) brightness(96%) contrast(96%);
--filter-ter50:invert(60%) sepia(86%) saturate(368%) hue-rotate(5deg) brightness(103%) contrast(92%);
--filter-ter60:invert(85%) sepia(10%) saturate(6540%) hue-rotate(347deg) brightness(91%) contrast(86%);
--filter-qua70:invert(20%) sepia(86%) saturate(2284%) hue-rotate(88deg) brightness(98%) contrast(98%);

/*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-pri05b:var(--pri05); --tgl-pri10:var(--pri10); --tgl-pri20:var(--pri20); --tgl-pri30:var(--pri30); --tgl-pri60:var(--pri60); --tgl-pri60b:var(--pri60); --tgl-pri80:var(--pri80); --tgl-pri80b:var(--pri80); --tgl-pri80h:var(--pri80); --tgl-pri90:var(--pri90);
--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);

--tgl-web-bg:var(--tgl-white);

--tgl-black-o10:var(--black-o10); --tgl-black-o30:var(--black-o30); --tgl-black-o50:var(--black-o50); --tgl-black-o70:var(--black-o70); --tgl-black-o90:var(--black-o90);
--tgl-white-o10:var(--white-o10); --tgl-white-o30:var(--white-o30); --tgl-white-o50:var(--white-o50); --tgl-white-o70:var(--white-o70); --tgl-white-o90:var(--white-o90);
--tgl-neutral20-o30:var(--neutral20-o30); 
--tgl-neutral90-o50:var(--neutral90-o50); --tgl-neutral90-o90:var(--neutral90-o90);
--tgl-pri05-o50:var(--pri05-o50);
--tgl-pri10-o10:var(--pri10-o10); --tgl-pri10-o30:var(--pri10-o30); --tgl-pri10-o90:var(--pri10-o90);
--tgl-pri30-o90:var(--pri30-o90);
--tgl-pri80-o90:var(--pri80-o90);
--tgl-pri90-o10:var(--pri90-o10);

--filter-txt-neutral60:var(--filter-neutral60); --filter-txt-pri60:var(--filter-pri60); --filter-txt-pri80:var(--filter-pri80);
--filter-tgl-black:none; --filter-tgl-white:var(--filter-fff);
--filter-tgl-neutral05:var(--filter-neutral05); --filter-tgl-neutral20:var(--filter-neutral20); --filter-tgl-neutral60:var(--filter-neutral60); --filter-tgl-neutral80:var(--filter-neutral80);
--filter-tgl-pri10:var(--filter-pri10); --filter-tgl-pri20:var(--filter-pri20); --filter-tgl-pri30:var(--filter-pri30); --filter-tgl-pri60:var(--filter-pri60); --filter-tgl-pri80:var(--filter-pri80);
--filter-tgl-sec60:var(--filter-sec60); --filter-tgl-sec70:var(--filter-sec70);
--filter-tgl-ter50:var(--filter-ter50); --filter-tgl-ter60:var(--filter-ter60);

--radius-xs:.125rem; --radius-s:.25rem; --radius-m:.5rem; --radius-l:.75rem; --radius-xl:1rem; --radius-xxl:1.5rem; --radius-xxxl:2rem;
--radius-m-0:.5rem;

/* fontFamily u pisem */
--ff-h:sans-serif; --ff-m:sans-serif;
}

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(--neutral60); --tgl-neutral60:var(--neutral20); --tgl-neutral80:var(--neutral10); --tgl-neutral90:var(--neutral05);
--tgl-pri05:var(--pri80); --tgl-pri05b:var(--pri80); --tgl-pri10:var(--pri60); --tgl-pri20:var(--pri60); --tgl-pri30:var(--pri30); --tgl-pri60:var(--pri20); --tgl-pri60b:var(--pri30); --tgl-pri80:var(--neutral10); --tgl-pri80b:var(--pri30); --tgl-pri80h:var(--pri60); --tgl-pri90:var(--pri05);
--tgl-sec05:var(--neutral90); --tgl-sec60:var(--sec60); --tgl-sec70:var(--sec70);
--tgl-ter05:var(--pri90); --tgl-ter10:var(--pri80); --tgl-ter20:#97700E; --tgl-ter50:var(--ter50); --tgl-ter60:var(--ter60); --tgl-ter70:var(--ter50);
--tgl-qua05:var(--neutral90); --tgl-qua10:var(--neutral80); --tgl-qua60:var(--qua60); --tgl-qua70:var(--qua70);

--tgl-black-o10:var(--white-o10); --tgl-black-o30:var(--white-o30); --tgl-black-o50:var(--white-o50); --tgl-black-o70:var(--white-o70); --tgl-black-o90:var(--white-o90); 
--tgl-white-o10:var(--black-o10); --tgl-white-o30:var(--black-o30); --tgl-white-o50:var(--black-o50); --tgl-white-o70:var(--black-o70); --tgl-white-o90:var(--black-o90);
--tgl-neutral20-o30:var(--neutral80-o30);
--tgl-neutral90-o50:var(--neutral10-o50); --tgl-neutral90-o90:var(--neutral10-o90);
--tgl-pri05-o50:var(--pri80-o50);
--tgl-pri10-o10:var(--pri60-o10); --tgl-pri10-o30:var(--pri60-o30); --tgl-pri10-o90:var(--pri60-o90);
--tgl-pri30-o90:var(--pri30-o90);
--tgl-pri80-o90:var(--pri30-o90);
--tgl-pri90-o10:var(--pri05-o10);

--filter-txt-neutral60:var(--filter-neutral20); --filter-txt-pri60:var(--filter-fff); --filter-txt-pri80:var(--filter-fff);
--filter-tgl-black:var(--filter-fff); --filter-tgl-white:none;
--filter-tgl-neutral20:var(--filter-neutral80); --filter-tgl-neutral60:var(--filter-neutral60); --filter-tgl-neutral80:var(--filter-neutral20);
--filter-tgl-pri10:var(--filter-neutral80); --filter-tgl-pri20:var(--filter-pri20); --filter-tgl-pri30:var(--filter-pri30); --filter-tgl-pri60:var(--filter-pri30); --filter-tgl-pri80:var(--filter-pri10);
--filter-tgl-sec60:var(--filter-sec60); --filter-tgl-sec70:var(--filter-sec70);
--filter-tgl-ter50:var(--filter-ter50);

}

html /* .css-d */ {
--rs-h1big:2.5rem; --rs-h1:2.25rem; --rs-h2:2rem; --rs-h3:1.75rem; --rs-h4:1.5rem; --rs-h5:1.25rem; --rs-h6:1.125rem; --rs-h7:1rem; --rs-h8:.875rem; --rs-h9:.75rem;
--rs-h1o2:2.25rem; --rs-h2o2:2rem; --rs-h3o2:1.75rem; --rs-h4o2:1.5rem;
--spacing-0125:.125rem; --spacing-025:.25rem; --spacing-05:.5rem; --spacing-075:.75rem; --spacing-1:1rem; --spacing-125:1.25rem; --spacing-15:1.5rem; --spacing-175:1.75rem; --spacing-2:2rem; --spacing-225:2.25rem; --spacing-25:2.5rem; --spacing-3:3rem; --spacing-35:3.5rem; --spacing-4:4rem; --spacing-45:4.5rem; --spacing-5:5rem; --spacing-6:6rem; --spacing-7:7rem; --spacing-8:8rem; --spacing-9:9rem; --spacing-10:10rem;
}
.css-t {
--rs-h1big:1.75rem; --rs-h1:1.75rem; --rs-h2:1.625rem; --rs-h3:1.5rem; --rs-h4:1.375rem; --rs-h5:1.25rem; --rs-h6:1rem; --rs-h7:.875rem; --rs-h8:.75rem; --rs-h9:.625rem;
--rs-h1o2:1.5rem; --rs-h2o2:1.375rem; --rs-h3o2:1.25rem; --rs-h4o2:1.125rem;
--spacing-0125:.0625rem; --spacing-025:.125rem; --spacing-05:.25rem; --spacing-075:.5rem; --spacing-1:.75rem; --spacing-125:.875rem; --spacing-15:1rem; --spacing-175:1.25rem; --spacing-2:1.5rem; --spacing-225:1.75rem; --spacing-25:2rem; --spacing-3:2.5rem; --spacing-35:3rem; --spacing-4:3.5rem; --spacing-45:4rem; --spacing-5:4.5rem; --spacing-6:5rem; --spacing-7:6rem; --spacing-8:7rem; --spacing-9:8rem; --spacing-10:9rem;
--radius-m-0:0;
}