/* BARVY */
:root {
/* fontFamily u pisem */
--ff-h:sans-serif; --ff-m:sans-serif;

/* pojmenovani barev */
--black:#000; --white:#FFF; --web-bg-light:#FFF; --web-bg-dark:#000;
--neutral05:#F0F2F3; --neutral10:#D3D7DA; --neutral20:#B2B9BE; --neutral60:#75868E; --neutral80:#434D52; --neutral90:#2B3135;
--pri05:#EDF2F9; --pri10:#D6DEEB; --pri20:#A7B9D9; --pri30:#4C70B5; --pri60:#1B3E7A; --pri80:#122E5B; --pri90:#091E3C;
--sec05:#FCF0F0; --sec60:#E41F1F; --sec70:#C11B1B; --sec90:#570F0F;/*sec90 pouze jako dark verze pro sec05 */
--ter05:#FFF6DC; --ter10:#FCE5A8; --ter20:#F6CC5C; --ter50:#E8B332; --ter60:#D99A00; --ter70:#C28800;
--qua05:#EBFAF0; --qua10:#D6F2DE; --qua30:#00C237; --qua60:#008A27; --qua70:#00691D;

/* 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;
--neutral05-o10:#F0F2F31a; --neutral05-o30:#F0F2F34d; --neutral05-o50:#F0F2F380; --neutral05-o70:#F0F2F3b2; --neutral05-o90:#F0F2F3e5;
--neutral10-o10:#D3D7DA1a; --neutral10-o30:#D3D7DA4d; --neutral10-o50:#D3D7DA80; --neutral10-o70:#D3D7DAb2; --neutral10-o90:#D3D7DAe5;
--neutral20-o10:#B2B9BE1a; --neutral20-o30:#B2B9BE4d; --neutral20-o50:#B2B9BE80; --neutral20-o70:#B2B9BEb2; --neutral20-o90:#B2B9BEe5;
--neutral80-o10:#434D521a; --neutral80-o30:#434D524d; --neutral80-o50:#434D5280; --neutral80-o70:#434D52b2; --neutral80-o90:#434D52e5;
--neutral90-o10:#2B31351a; --neutral90-o30:#2B31354d; --neutral90-o50:#2B313580; --neutral90-o70:#2B3135b2; --neutral90-o90:#2B3135e5;
--pri05-o10:#EDF2F91a; --pri05-o30:#EDF2F94d; --pri05-o50:#EDF2F980; --pri05-o70:#EDF2F9b2; --pri05-o90:#EDF2F9e5;
--pri10-o10:#D6DEEB1a; --pri10-o30:#D6DEEB4d; --pri10-o50:#D6DEEB80; --pri10-o70:#D6DEEBb2; --pri10-o90:#D6DEEBe5;
--pri20-o10:#A7B9D91a; --pri20-o30:#A7B9D94d; --pri20-o50:#A7B9D980; --pri20-o70:#A7B9D9b2; --pri20-o90:#A7B9D9e5;
--pri30-o10:#4C70B51a; --pri30-o30:#4C70B54d; --pri30-o50:#4C70B580; --pri30-o70:#4C70B5b2; --pri30-o90:#4C70B5e5;
--pri60-o10:#1B3E7A1a; --pri60-o30:#1B3E7A4d; --pri60-o50:#1B3E7A80; --pri60-o70:#1B3E7Ab2; --pri60-o90:#1B3E7Ae5;
--pri80-o10:#122E5B1a; --pri80-o30:#122E5B4d; --pri80-o50:#122E5B80; --pri80-o70:#122E5Bb2; --pri80-o90:#122E5Be5;
--pri90-o10:#091E3C1a; --pri90-o30:#091E3C4d; --pri90-o50:#091E3C80; --pri90-o70:#091E3Cb2; --pri90-o90:#091E3Ce5;

/* stabilni barevne pary pro svetlou/tmavou verzi */
--tgl-black:var(--black); --tgl-white:var(--white);
--tgl-web-bg:var(--web-bg-light);
--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-qua30:var(--qua30); --tgl-qua60:var(--qua60); --tgl-qua70:var(--qua70);

--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-neutral05-o10:var(--neutral05-o10); --tgl-neutral05-o30:var(--neutral05-o30); --tgl-neutral05-o50:var(--neutral05-o50); --tgl-neutral05-o70:var(--neutral05-o70); --tgl-neutral05-o90:var(--neutral05-o90);
--tgl-neutral10-o10:var(--neutral10-o10); --tgl-neutral10-o30:var(--neutral10-o30); --tgl-neutral10-o50:var(--neutral10-o50); --tgl-neutral10-o70:var(--neutral10-o70); --tgl-neutral10-o90:var(--neutral10-o90);
--tgl-neutral20-o10:var(--neutral20-o10); --tgl-neutral20-o30:var(--neutral20-o30); --tgl-neutral20-o50:var(--neutral20-o50); --tgl-neutral20-o70:var(--neutral20-o70); --tgl-neutral20-o90:var(--neutral20-o90);
--tgl-neutral80-o10:var(--neutral80-o10); --tgl-neutral80-o30:var(--neutral80-o30); --tgl-neutral80-o50:var(--neutral80-o50); --tgl-neutral80-o70:var(--neutral80-o70); --tgl-neutral80-o90:var(--neutral80-o90);
--tgl-neutral90-o10:var(--neutral90-o10); --tgl-neutral90-o30:var(--neutral90-o30); --tgl-neutral90-o50:var(--neutral90-o50); --tgl-neutral90-o70:var(--neutral90-o70); --tgl-neutral90-o90:var(--neutral90-o90);
--tgl-pri05-o10:var(--pri05-o10); --tgl-pri05-o30:var(--pri05-o30); --tgl-pri05-o50:var(--pri05-o50); --tgl-pri05-o70:var(--pri05-o70); --tgl-pri05-o90:var(--pri05-o90);
--tgl-pri10-o10:var(--pri10-o10); --tgl-pri10-o30:var(--pri10-o30); --tgl-pri10-o50:var(--pri10-o50); --tgl-pri10-o70:var(--pri10-o70); --tgl-pri10-o90:var(--pri10-o90);
--tgl-pri20-o10:var(--pri20-o10); --tgl-pri20-o30:var(--pri20-o30); --tgl-pri20-o50:var(--pri20-o50); --tgl-pri20-o70:var(--pri20-o70); --tgl-pri20-o90:var(--pri20-o90);
--tgl-pri30-o10:var(--pri30-o10); --tgl-pri30-o30:var(--pri30-o30); --tgl-pri30-o50:var(--pri30-o50); --tgl-pri30-o70:var(--pri30-o70); --tgl-pri30-o90:var(--pri30-o90);
--tgl-pri60-o10:var(--pri60-o10); --tgl-pri60-o30:var(--pri60-o30); --tgl-pri60-o50:var(--pri60-o50); --tgl-pri60-o70:var(--pri60-o70); --tgl-pri60-o90:var(--pri60-o90);
--tgl-pri80-o10:var(--pri80-o10); --tgl-pri80-o30:var(--pri80-o30); --tgl-pri80-o50:var(--pri80-o50); --tgl-pri80-o70:var(--pri80-o70); --tgl-pri80-o90:var(--pri80-o90);
--tgl-pri90-o10:var(--pri90-o10); --tgl-pri90-o30:var(--pri90-o30); --tgl-pri90-o50:var(--pri90-o50); --tgl-pri90-o70:var(--pri90-o70); --tgl-pri90-o90:var(--pri90-o90);

--filter-white:invert(100%);
--filter-neutral05:invert(100%) sepia(9%) saturate(751%) hue-rotate(171deg) brightness(95%) contrast(100%);
--filter-neutral10:invert(99%) sepia(10%) saturate(801%) hue-rotate(174deg) brightness(93%) contrast(83%);
--filter-neutral20:invert(87%) sepia(12%) saturate(141%) hue-rotate(162deg) brightness(84%) contrast(89%);
--filter-neutral60:invert(55%) sepia(19%) saturate(293%) hue-rotate(154deg) brightness(91%) contrast(82%);
--filter-neutral80:invert(27%) sepia(19%) saturate(310%) hue-rotate(155deg) brightness(93%) contrast(88%);
--filter-neutral90:invert(16%) sepia(25%) saturate(236%) hue-rotate(160deg) brightness(98%) contrast(94%);
--filter-pri05:invert(92%) sepia(15%) saturate(233%) hue-rotate(192deg) brightness(103%) contrast(95%);
--filter-pri10:invert(92%) sepia(10%) saturate(293%) hue-rotate(182deg) brightness(98%) contrast(87%);
--filter-pri20:invert(76%) sepia(25%) saturate(405%) hue-rotate(181deg) brightness(93%) contrast(88%);
--filter-pri30:invert(42%) sepia(12%) saturate(2407%) hue-rotate(181deg) brightness(96%) contrast(87%);
--filter-pri60:invert(19%) sepia(91%) saturate(818%) hue-rotate(190deg) brightness(92%) contrast(97%);
--filter-pri80:invert(11%) sepia(68%) saturate(2187%) hue-rotate(205deg) brightness(91%) contrast(92%);
--filter-pri90:invert(9%) sepia(49%) saturate(940%) hue-rotate(176deg) brightness(91%) contrast(101%);
--filter-sec60:invert(24%) sepia(66%) saturate(2103%) hue-rotate(338deg) brightness(103%) contrast(119%);
--filter-sec70:invert(20%) sepia(99%) saturate(2617%) hue-rotate(344deg) brightness(71%) contrast(104%);
--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-ter70:invert(46%) sepia(87%) saturate(534%) hue-rotate(7deg) brightness(98%) contrast(102%);
--filter-qua30:invert(57%) sepia(47%) saturate(3598%) hue-rotate(98deg) brightness(94%) contrast(104%);
--filter-qua60:invert(25%) sepia(100%) saturate(1851%) hue-rotate(130deg) brightness(93%) contrast(105%);
--filter-qua70:invert(20%) sepia(86%) saturate(2284%) hue-rotate(88deg) brightness(98%) contrast(98%);
--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-white);
--filter-tgl-neutral05:var(--filter-neutral05); --filter-tgl-neutral10:var(--filter-neutral10); --filter-tgl-neutral20:var(--filter-neutral20); --filter-tgl-neutral60:var(--filter-neutral60); --filter-tgl-neutral80:var(--filter-neutral80); --filter-tgl-neutral90:var(--filter-neutral90);
--filter-tgl-pri05:var(--filter-pri05); --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-pri90:var(--filter-pri90);
--filter-tgl-sec60:var(--filter-sec60); --filter-tgl-sec70:var(--filter-sec70);
--filter-tgl-ter50:var(--filter-ter50); --filter-tgl-ter60:var(--filter-ter60); --filter-tgl-ter70:var(--filter-ter70);
--filter-tgl-qua30:var(--filter-qua30); --filter-tgl-qua60:var(--filter-qua60); --filter-tgl-qua70:var(--filter-qua70);
}

html.dark, .sg-page .dark {
--tgl-black:var(--white); --tgl-white:var(--black);
--tgl-web-bg:var(--web-bg-dark);
--txt-neutral60:var(--neutral20); --txt-neutral90:var(--white); --txt-pri60:var(--white); --txt-pri80:var(--white);
--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(--pri90); --tgl-pri05b:var(--pri90); --tgl-pri10:var(--pri80); --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(--sec90); --tgl-sec60:var(--sec60); --tgl-sec70:var(--sec70);
--tgl-ter05:var(--pri90); --tgl-ter10:var(--pri80); --tgl-ter20:#8A6500; --tgl-ter50:var(--ter50); --tgl-ter60:var(--ter60); --tgl-ter70:var(--ter50);
--tgl-qua05:var(--qua70); --tgl-qua10:var(--neutral80); --tgl-qua30:var(--qua30); --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-neutral05-o10:var(--neutral90-o10); --tgl-neutral05-o30:var(--neutral90-o30); --tgl-neutral05-o50:var(--neutral90-o50); --tgl-neutral05-o70:var(--neutral90-o70); --tgl-neutral05-o90:var(--neutral90-o90);
--tgl-neutral10-o10:var(--neutral80-o10); --tgl-neutral10-o30:var(--neutral80-o30); --tgl-neutral10-o50:var(--neutral80-o50); --tgl-neutral10-o70:var(--neutral80-o70); --tgl-neutral10-o90:var(--neutral80-o90);
--tgl-neutral20-o10:var(--neutral60-o10); --tgl-neutral20-o30:var(--neutral60-o30); --tgl-neutral20-o50:var(--neutral60-o50); --tgl-neutral20-o70:var(--neutral60-o70); --tgl-neutral20-o90:var(--neutral60-o90);
--tgl-neutral80-o10:var(--neutral10-o10); --tgl-neutral80-o30:var(--neutral10-o30); --tgl-neutral80-o50:var(--neutral10-o50); --tgl-neutral80-o70:var(--neutral10-o70); --tgl-neutral80-o90:var(--neutral10-o90);
--tgl-neutral90-o10:var(--neutral90-o10); --tgl-neutral90-o30:var(--neutral90-o30); --tgl-neutral90-o50:var(--neutral90-o50); --tgl-neutral90-o70:var(--neutral90-o70); --tgl-neutral90-o90:var(--neutral90-o90);
--tgl-pri05-o10:var(--pri80-o10); --tgl-pri05-o30:var(--pri80-o30); --tgl-pri05-o50:var(--pri80-o50); --tgl-pri05-o70:var(--pri80-o70); --tgl-pri05-o90:var(--pri80-o90);
--tgl-pri10-o10:var(--pri60-o10); --tgl-pri10-o30:var(--pri60-o30); --tgl-pri10-o50:var(--pri60-o50); --tgl-pri10-o70:var(--pri60-o70); --tgl-pri10-o90:var(--pri60-o90);
--tgl-pri20-o10:var(--pri60-o10); --tgl-pri20-o30:var(--pri60-o30); --tgl-pri20-o50:var(--pri60-o50); --tgl-pri20-o70:var(--pri60-o70); --tgl-pri20-o90:var(--pri60-o90);
--tgl-pri60-o10:var(--pri30-o10); --tgl-pri60-o30:var(--pri30-o30); --tgl-pri60-o50:var(--pri30-o50); --tgl-pri60-o70:var(--pri30-o70); --tgl-pri60-o90:var(--pri30-o90);
--tgl-pri80-o10:var(--pri30-o10); --tgl-pri80-o30:var(--pri30-o30); --tgl-pri80-o50:var(--pri30-o50); --tgl-pri80-o70:var(--pri30-o70); --tgl-pri80-o90:var(--pri30-o90);
--tgl-pri90-o10:var(--pri05-o10); --tgl-pri90-o30:var(--pri05-o30); --tgl-pri90-o50:var(--pri05-o50); --tgl-pri90-o70:var(--pri05-o70); --tgl-pri90-o90:var(--pri05-o90);

--filter-txt-neutral60:var(--filter-neutral20); --filter-txt-pri60:var(--filter-white); --filter-txt-pri80:var(--filter-white);
--filter-tgl-black:var(--filter-white); --filter-tgl-white:none;
--filter-tgl-neutral05:var(--filter-neutral90); --filter-tgl-neutral10:var(--filter-neutral80); --filter-tgl-neutral20:var(--filter-neutral60); --filter-tgl-neutral60:var(--filter-neutral20); --filter-tgl-neutral80:var(--filter-neutral10); --filter-tgl-neutral90:var(--filter-neutral05);
--filter-tgl-pri05:var(--filter-pri80); --filter-tgl-pri10:var(--filter-pri60); --filter-tgl-pri20:var(--filter-pri60); --filter-tgl-pri30:var(--filter-pri30); --filter-tgl-pri60:var(--filter-pri20); --filter-tgl-pri80:var(--filter-pri10); --filter-tgl-pri90:var(--filter-pri05);

--filter-tgl-ter70:var(--filter-ter50);
}

:root /* .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;

--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;
}
.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:1.125rem; --rs-h7:1rem; --rs-h8:.875rem; --rs-h9:.75rem;
--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;
}