/* BARVY */
:root {
  --neutral05: #ffffff; --neutral10: #eeeeee; --neutral20: #bdbdbd; --neutral60: #757575; --neutral80: #424242; --neutral90: #212121;
  --pri05: #f2f4fa; --pri10: #c9d2e1; --pri20: #c9d2e1; --pri30: #5370a0; --pri60: #1c4382; --pri80: #0f306a; --pri90: #0c1d37;
  --sec05: #FCF0F0; --sec10: #FBE5E5; --sec20: #F5A3A3; --sec60: #E41F1F; --sec70: #C11B1B; --sec80: #7B1313;
  --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;
  --neutral10-o50: #eeeeee80; --neutral10-o90: #eeeeeee6;
  --neutral20-o30: #bdbdbd4d;
  --neutral80-o30: #4242424d;
  --neutral90-o50: #21212180; --neutral90-o90: #212121e5;
  --pri05-o10: #f2f4fa1a; --pri05-o50: #f2f4fa80 ;
  --pri10-o10: #c9d2e11a; --pri10-o30: #c9d2e14d; --pri10-o90: #c9d2e1e5; 
  --pri30-o90: #5370a0e5;
  --pri60-o10: #1c43821a; --pri60-o30: #1c43824d; --pri60-o90:#1c4382e5;
  --pri80-o50: #0f306a80;
  --pri80-o90: #0f306ae5; 
  --pri90-o10: #0c1d371a;


  /*filtry pro barveni ikon z cerne*/
--filter-white:invert(100%);
--filter-616161:invert(42%) sepia(7%) saturate(0%) hue-rotate(152deg) brightness(87%) contrast(94%);
--filter-1c4382:invert(18%) sepia(74%) saturate(1507%) hue-rotate(199deg) brightness(95%) contrast(91%);
--filter-570F0F:invert(12%) sepia(70%) saturate(2005%) hue-rotate(337deg) brightness(86%) contrast(114%); /*jaks taks 2.6*/
--filter-8A6500:invert(45%) sepia(12%) saturate(5086%) hue-rotate(17deg) brightness(90%) contrast(89%);

--filter-neutral05:invert(100%);
--filter-neutral10:invert(99%) sepia(85%) saturate(681%) hue-rotate(188deg) brightness(120%) contrast(87%);
--filter-neutral20:invert(77%) sepia(24%) saturate(0%) hue-rotate(199deg) brightness(95%) contrast(89%);
--filter-neutral60:invert(49%) sepia(0%) saturate(0%) hue-rotate(140deg) brightness(92%) contrast(81%);
--filter-neutral80:invert(25%) sepia(75%) saturate(0%) hue-rotate(185deg) brightness(88%) contrast(98%);
--filter-neutral90:invert(0%) sepia(10%) saturate(6250%) hue-rotate(340deg) brightness(94%) contrast(74%);
--filter-pri05:invert(100%) sepia(41%) saturate(973%) hue-rotate(179deg) brightness(101%) contrast(96%);
--filter-pri10:invert(92%) sepia(3%) saturate(1361%) hue-rotate(186deg) brightness(92%) contrast(91%);
--filter-pri20:invert(83%) sepia(17%) saturate(186%) hue-rotate(179deg) brightness(102%) contrast(84%);
--filter-pri30:invert(40%) sepia(73%) saturate(298%) hue-rotate(179deg) brightness(90%) contrast(91%);
--filter-pri60:invert(16%) sepia(92%) saturate(1341%) hue-rotate(200deg) brightness(101%) contrast(90%);
--filter-pri80:invert(11%) sepia(57%) saturate(3549%) hue-rotate(213deg) brightness(95%) contrast(92%);
--filter-pri90:invert(8%) sepia(39%) saturate(2645%) hue-rotate(197deg) brightness(98%) contrast(96%);
--filter-sec05:invert(77%) sepia(13%) saturate(226%) hue-rotate(314deg) brightness(119%) contrast(98%); /*jaks taks*/
--filter-sec10:invert(84%) sepia(17%) saturate(256%) hue-rotate(314deg) brightness(105%) contrast(97%); /*jaks taks*/
--filter-sec20:invert(73%) sepia(6%) saturate(1394%) hue-rotate(314deg) brightness(105%) contrast(103%); /*jaks taks*/
--filter-sec60:invert(26%) sepia(69%) saturate(2799%) hue-rotate(343deg) brightness(85%) contrast(111%); /*jaks taks*/
--filter-sec70:invert(9%) sepia(83%) saturate(6480%) hue-rotate(353deg) brightness(98%) contrast(89%); 
--filter-sec80:invert(13%) sepia(37%) saturate(4603%) hue-rotate(342deg) brightness(87%) contrast(111%); /*jaks taks*/   
--filter-ter05:invert(95%) sepia(2%) saturate(1069%) hue-rotate(338deg) brightness(104%) contrast(97%);
--filter-ter10:invert(87%) sepia(12%) saturate(790%) hue-rotate(329deg) brightness(113%) contrast(96%);
--filter-ter20:invert(93%) sepia(5%) saturate(1794%) hue-rotate(350deg) brightness(97%) contrast(99%);
--filter-ter50:invert(79%) sepia(31%) saturate(1135%) hue-rotate(346deg) brightness(98%) contrast(86%);
--filter-ter60:invert(90%) sepia(12%) saturate(7372%) hue-rotate(343deg) brightness(89%) contrast(90%);
--filter-ter70:invert(65%) sepia(40%) saturate(1025%) hue-rotate(3deg) brightness(87%) contrast(85%);
--filter-qua05:invert(65%) sepia(40%) saturate(1025%) hue-rotate(3deg) brightness(87%) contrast(85%);
--filter-qua10:invert(97%) sepia(6%) saturate(324%) hue-rotate(82deg) brightness(98%) contrast(90%);
--filter-qua30:invert(57%) sepia(28%) saturate(5879%) hue-rotate(99deg) brightness(97%) contrast(101%);
/*--filter-qua60:invert(36%) sepia(92%) saturate(6024%) hue-rotate(139deg) brightness(94%) contrast(101%);*/
--filter-qua60:invert(33%) sepia(91%) saturate(675%) hue-rotate(94deg) brightness(96%) contrast(105%);
--filter-qua70:invert(26%) sepia(52%) saturate(2286%) hue-rotate(87deg) brightness(91%) 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(--tgl-white);  --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-pri90:var(--pri90);
--tgl-sec05:var(--sec05); --tgl-sec60:var(--sec60); --tgl-sec70:var(--sec70); --tgl-sec80:var(--sec80); 
--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(--pri05);


--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-white);
--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);
--filter-tgl-qua60:var(--filter-qua60);

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

/*lisi se od prevodu idn! */
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:#000; --tgl-neutral10:var(--neutral80); --tgl-neutral20:#616161; --tgl-neutral60:var(--neutral20); --tgl-neutral80:var(--neutral20); --tgl-neutral90:var(--neutral10); 
    --tgl-pri05:var(--neutral90); --tgl-pri10:#1C4382; --tgl-pri20:#1C4382; --tgl-pri30:var(--pri30); --tgl-pri60:var(--pri10); --tgl-pri60b:var(--pri30); --tgl-pri80:var(--neutral20); --tgl-pri80b:var(--pri60); --tgl-pri90:var(--pri05);
    --tgl-sec05:#570F0F;  --tgl-sec10:var(--sec80);   --tgl-sec20:var(--sec70);  --tgl-sec60:var(--sec60); --tgl-sec70:var(--sec70);  --tgl-sec80:var(--sec10);
    --tgl-ter05:var(--pri90); --tgl-ter10:var(--pri80); --tgl-ter20:#8A6500; --tgl-ter50:var(--ter50); --tgl-ter60:var(--ter60); --tgl-ter70:var(--ter70);
    --tgl-qua05:var(--qua70); --tgl-qua10:var(--qua60); --tgl-qua60:var(--qua60); --tgl-qua70:var(--qua70);

    --tgl-web-bg: var(--neutral90);
 
    --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: #6161614d;
    --tgl-neutral90-o50: var(--neutral10-o50); --tgl-neutral90-o90:var(--neutral10-o90);
    --tgl-pri05-o50: var(--neutral90-o50); 
    --tgl-pri10-o10: #1C43821a; --tgl-pri10-o30:#1c43824d; --tgl-pri10-o90:#1c4382e6;
    --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-white); --filter-txt-pri80:var(--filter-white);
    --filter-tgl-black:var(--filter-white); --filter-tgl-white:none; 
    --filter-tgl-neutral05:none; --tgl-filter-neutral10:var(--filter-neutral80); --filter-tgl-neutral20:var(--filter-616161);
    --filter-tgl-neutral60:var(--filter-neutral20); --filter-tgl-neutral80:var(--filter-neutral20); --filter-tgl-neutral90:var(--filter-neutral10);
    --filter-tgl-pri05:var(--filter-neutral90); --filter-tgl-pri10:var(--filter-1c4382); --filter-tgl-pri20:var(--filter-1c4382); --filter-tgl-pri30:var(--filter-pri30); --filter-tgl-pri60:var(--filter-pri10); --filter-tgl-pri60b:var(--filter-pri30); --filter-tgl-pri80:var(--filter-pri20);--filter-tgl-pri80b:var(--filter-pri60); --filter-tgl-pri90:var(--filter-pri05);
    --filter-tgl-sec60:var(--filter-sec60); --filter-tgl-sec70:var(--filter-sec70); --filter-tgl-sec80:var(--filter-sec10);
    --filter-tgl-ter50:var(--filter-ter50); 
    --filter-tgl-qua60:var(--filter-qua60);

}    

/*  
    rs-h9 ve Figma promennych neni, ponechana hodnota idnes
    ponechany idnes --rs-XXo2
    pridane --rsh1big (idnes nema)
    --spacing jako idnes
    pridany radius

    z idn knihovny
    stin box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.08);
    mekky stin box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.08);

*/

:root {
  --rs-h1big: 2.25rem;
  --rs-h9:.75rem; --rs-h8: 0.875rem; --rs-h7: 1rem; --rs-h6: 1.125rem; --rs-h5: 1.25rem; --rs-h4: 1.5rem; --rs-h3: 1.625rem; --rs-h2: 1.75rem; --rs-h1: 2rem;
  --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:4rem; --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-h9:.625rem;  --rs-h8: 0.875rem; --rs-h7: 1rem; --rs-h6: 1.125rem; --rs-h5: 1.25rem; --rs-h4: 1.375rem; --rs-h3: 1.5rem; --rs-h2: 1.625rem; --rs-h1: 1.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;
}