/* BARVY */
html {
/* 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:#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;
--neutral05-o10:#ECEFF11a; --neutral05-o30:#ECEFF14d; --neutral05-o50:#ECEFF180; --neutral05-o70:#ECEFF1b2; --neutral05-o90:#ECEFF1e5;
--neutral10-o10:#CFD8DC1a; --neutral10-o30:#CFD8DC4d; --neutral10-o50:#CFD8DC80; --neutral10-o70:#CFD8DCb2; --neutral10-o90:#CFD8DCe5;
--neutral20-o10:#B0BEC51a; --neutral20-o30:#B0BEC54d; --neutral20-o50:#B0BEC580; --neutral20-o70:#B0BEC5b2; --neutral20-o90:#B0BEC5e5;
--neutral80-o10:#37474F1a; --neutral80-o30:#37474F4d; --neutral80-o50:#37474F80; --neutral80-o70:#37474Fb2; --neutral80-o90:#37474Fe5;
--neutral90-o10:#2632381a; --neutral90-o30:#2632384d; --neutral90-o50:#26323880; --neutral90-o70:#263238b2; --neutral90-o90:#263238e5;
--pri05-o10:#EFF3F91a; --pri05-o30:#EFF3F94d; --pri05-o50:#EFF3F980; --pri05-o70:#EFF3F9b2; --pri05-o90:#EFF3F9e5;
--pri10-o10:#CFDCF11a; --pri10-o30:#CFDCF14d; --pri10-o50:#CFDCF180; --pri10-o70:#CFDCF1b2; --pri10-o90:#CFDCF1e5;
--pri20-o10:#A1B8E01a; --pri20-o30:#A1B8E04d; --pri20-o50:#A1B8E080; --pri20-o70:#A1B8E0b2; --pri20-o90:#A1B8E0e5;
--pri30-o10:#678AC61a; --pri30-o30:#678AC64d; --pri30-o50:#678AC680; --pri30-o70:#678AC6b2; --pri30-o90:#678AC6e5;
--pri60-o10:#1B3E7A1a; --pri60-o30:#1B3E7A4d; --pri60-o50:#1B3E7A80; --pri60-o70:#1B3E7Ab2; --pri60-o90:#1B3E7Ae5;
--pri80-o10:#1024471a; --pri80-o30:#1024474d; --pri80-o50:#10244780; --pri80-o70:#102447b2; --pri80-o90:#102447e5;
--pri90-o10:#08162D1a; --pri90-o30:#08162D4d; --pri90-o50:#08162D80; --pri90-o70:#08162Db2; --pri90-o90:#08162De5;

/* 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-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);

/*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-neutral10:invert(95%) sepia(14%) saturate(176%) hue-rotate(168deg) brightness(91%) contrast(89%);
--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-pri05:invert(92%) sepia(11%) saturate(84%) hue-rotate(177deg) brightness(104%) contrast(96%);
--filter-pri10:invert(83%) sepia(6%) saturate(960%) hue-rotate(184deg) brightness(107%) contrast(89%);
--filter-pri20:invert(76%) sepia(25%) saturate(405%) hue-rotate(181deg) brightness(93%) contrast(88%);
--filter-pri30:invert(52%) sepia(34%) saturate(565%) hue-rotate(179deg) brightness(95%) contrast(94%);
--filter-pri60:invert(19%) sepia(91%) saturate(818%) hue-rotate(190deg) brightness(92%) contrast(97%);
--filter-pri80:invert(13%) sepia(77%) saturate(567%) hue-rotate(178deg) brightness(95%) contrast(100%);
--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-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-fff);
--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);
}

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(--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-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-fff); --filter-txt-pri80:var(--filter-fff);
--filter-tgl-black:var(--filter-fff); --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);
}

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;

--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;
}