/* =====================================================================
   Options Mastery, základ.

   Jeden kód, 64 vzhledů. Všechny barvy, písma i poloměry jsou tokeny
   na :root a každé téma je jen jinak vyplňuje (atribut data-tema na <html>).
   V komponentách se proto NIKDY nepíše konkrétní barva, vždy jen var(--…).
   Kdo sem vloží natvrdo #123456, rozbije 63 vzhledů ze 64.
   Nový vzhled musí dostat i řádek v TEMATA v inc/layout.php, jinak ho odmítne
   _podklady/kontrola-vzhledu.py.

   Sekce mají tři polohy: --zaklad, --alt a --kontrast. Ve světlých tématech
   je kontrastní sekce tmavá, v tmavých naopak nejsvětlejší z tmavých. Proto
   se kontrast řeší přepsáním tokenů uvnitř bloku, ne vlastními barvami.
   ===================================================================== */

/* ---------- Písma (hostovaná u nás, žádný cizí požadavek) ---------- */

@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/inter-400.woff2') format('woff2');
    font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/inter-600.woff2') format('woff2');
    font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/inter-700.woff2') format('woff2');
    font-weight: 700; font-style: normal; font-display: swap;
}

/* Zaskakující písmo se stejnými metrikami jako Inter.

   Než se Inter dotáhne, kreslí prohlížeč text prvním dostupným písmem ze sady.
   Systémové písmo Applu je ale o 15 % užší a má nižší střední výšku, takže
   nadpisy naskočily malé a po dotažení Interu viditelně povyrostly.

   Arial je Interu podstatně blíž (rozdíl 2 %) a zbytek dorovnají přepočty níž.
   Čísla jsou naměřená, ne odhadnutá: poměr šířky tří skutečných nadpisů ze stránky
   vyšel 1,021, výška nad účařím u Interu 0,969 em a pod ním 0,241 em. Přepsané
   hodnoty se násobí se size-adjust, proto se obě dělí právě tím poměrem.

   Kde Arial není (Linux, Android), zápis local() selže a použije se další písmo
   ze sady. Není to chyba, jen se tam vrátí původní chování. */
@font-face {
    font-family: 'Inter zaskok';
    src: local('Arial'), local('Liberation Sans'), local('Helvetica');
    font-weight: 400; font-style: normal;
    size-adjust: 102.1%; ascent-override: 94.9%; descent-override: 23.6%; line-gap-override: 0%;
}
@font-face {
    font-family: 'Inter zaskok';
    src: local('Arial Bold'), local('Arial-BoldMT'), local('Liberation Sans Bold'), local('Helvetica Bold');
    font-weight: 600 700; font-style: normal;
    size-adjust: 102.1%; ascent-override: 94.9%; descent-override: 23.6%; line-gap-override: 0%;
}

/* ---------- Společné tokeny ---------- */

:root {
    --sans: 'Inter', 'Inter zaskok', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    --mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;

    --sirka: 1180px;
    --sirka-uzka: 760px;
    --mezera: clamp(3.4rem, 2rem + 5vw, 6.4rem);

    /* Poloměry jsou taky téma, ne jen barvy. Ostrá a zaoblená varianta dělají
       s celkovým dojmem stránky víc než změna odstínu. */
    --r-s: 6px;
    --r: 12px;
    --r-l: 18px;
    --r-btn: 6px;
    --okraj-sila: 1px;

    /* Nadpisy jsou bezpatkové ve všech tématech. Odlišnost nesou barvy, váha a proklad,
       ne jiná rodina písma. */
    --font-nadpis: var(--sans);
    --font-popisek: var(--sans);
    --nadpis-vaha: 700;
    --nadpis-mezera: -0.025em;
    --popisek-mezera: .16em;

    /* Akcent jako barva drobného textu: popisky sekcí, čísla modulů a kroků, štítky,
       odkazy v právních textech a obrys fokusu. Plochy, linky a ikony berou --akcent.
       Vzhled, kde akcent na pozadí a kartách nemá 4,5:1, si tu nastaví vlastní odstín. */
    --akcent-pismo: var(--akcent);
}

/* ---------- Téma: dark luxury (grafit a zlato) ---------- */

[data-tema='luxury'] {
    --pozadi: #14161C;
    --pozadi-alt: #191C24;
    --pozadi-kontrast: #0D0F13;
    --karta: #1D212A;
    --karta-2: #232833;
    --okraj: #2C323F;
    --okraj-silny: #3A4252;
    --text: #C9CEDA;
    --text-tlumeny: #8B93A5;
    --text-vyrazny: #F2F1EE;
    --akcent: #C9A227;
    --akcent-svetly: #E0BE4E;
    --akcent-text: #1A1608;
    --akcent-2: #4E9E8F;
    --uspech: #57B894;
    --varovani: #D98B4A;
    --stin: 0 24px 60px rgba(0, 0, 0, .45);
    --stin-s: 0 8px 24px rgba(0, 0, 0, .35);
    --zar: radial-gradient(60rem 32rem at 72% -8%, rgba(201, 162, 39, .16), transparent 62%),
           radial-gradient(44rem 30rem at 4% 102%, rgba(78, 158, 143, .1), transparent 60%);
    --mrizka: rgba(255, 255, 255, .028);
}

/* ---------- Téma: terminál (datová, technická poloha) ---------- */

[data-tema='terminal'] {
    --pozadi: #0A0E14;
    --pozadi-alt: #0E141C;
    --pozadi-kontrast: #060A0F;
    --karta: #111923;
    --karta-2: #16202C;
    --okraj: #1E2A38;
    --okraj-silny: #2B3B4D;
    --text: #A9BACB;
    --text-tlumeny: #75889B;
    --text-vyrazny: #EAF2F8;
    --akcent: #35C2F5;
    --akcent-svetly: #6FD5FA;
    --akcent-text: #04121A;
    --akcent-2: #2BD99B;
    --uspech: #2BD99B;
    --varovani: #F5A45C;
    --stin: 0 22px 56px rgba(0, 0, 0, .55);
    --stin-s: 0 8px 22px rgba(0, 0, 0, .4);
    --zar: radial-gradient(58rem 30rem at 78% -10%, rgba(53, 194, 245, .14), transparent 60%),
           radial-gradient(40rem 26rem at 2% 100%, rgba(43, 217, 155, .08), transparent 60%);
    --mrizka: rgba(120, 190, 230, .05);
    --font-popisek: var(--mono);
    --nadpis-mezera: -0.032em;
    --popisek-mezera: .1em;
}

/* ---------- Téma: světlý (papír a hloubkově zelená) ---------- */

[data-tema='papir'] {
    --pozadi: #FBFAF7;
    --pozadi-alt: #F2F0EA;
    --pozadi-kontrast: #14181C;
    --karta: #FFFFFF;
    --karta-2: #F6F4EF;
    --okraj: #E1DED5;
    --okraj-silny: #CFCABD;
    --text: #3C4249;
    --text-tlumeny: #626972;
    --text-vyrazny: #16191D;
    --akcent: #0E5A54;
    --akcent-svetly: #14776E;
    --akcent-text: #FFFFFF;
    --akcent-2: #A8842A;
    --uspech: #2E7D5B;
    --varovani: #B26A22;
    --stin: 0 18px 44px rgba(20, 24, 28, .1);
    --stin-s: 0 6px 18px rgba(20, 24, 28, .07);
    --zar: radial-gradient(56rem 30rem at 76% -12%, rgba(14, 90, 84, .09), transparent 62%),
           radial-gradient(40rem 26rem at 0% 100%, rgba(168, 132, 42, .07), transparent 60%);
    --mrizka: rgba(20, 24, 28, .03);
}

/* ---------- Téma: světlý s tmavými sekcemi ---------- */

[data-tema='kombi'] {
    --pozadi: #FCFBF9;
    --pozadi-alt: #F3F1EC;
    --pozadi-kontrast: #12141A;
    --karta: #FFFFFF;
    --karta-2: #F7F5F1;
    --okraj: #E3E0D8;
    --okraj-silny: #D0CCC1;
    --text: #3A4046;
    --text-tlumeny: #646B74;
    --text-vyrazny: #14171B;
    --akcent: #1B2B4B;
    --akcent-svetly: #2A4270;
    --akcent-text: #FFFFFF;
    --akcent-2: #B08A2E;
    --uspech: #2E7D5B;
    --varovani: #B26A22;
    --stin: 0 18px 44px rgba(18, 20, 26, .1);
    --stin-s: 0 6px 18px rgba(18, 20, 26, .07);
    --zar: radial-gradient(56rem 30rem at 74% -10%, rgba(27, 43, 75, .08), transparent 60%),
           radial-gradient(40rem 26rem at 0% 100%, rgba(176, 138, 46, .08), transparent 60%);
    --mrizka: rgba(18, 20, 26, .03);
}

/* ---------- Téma: noc (tmavě indigová, měkká a moderní) ---------- */

[data-tema='noc'] {
    --pozadi: #12132A;
    --pozadi-alt: #171935;
    --pozadi-kontrast: #0C0D1E;
    --karta: #1C1E3D;
    --karta-2: #232647;
    --okraj: #2E3157;
    --okraj-silny: #414678;
    --text: #BFC3E6;
    --text-tlumeny: #878CBB;
    --text-vyrazny: #F3F2FF;
    --akcent: #7C6BFF;
    --akcent-svetly: #9A8DFF;
    --akcent-text: #0B0A20;
    --akcent-pismo: #8A81FE;
    --akcent-2: #35D0C9;
    --uspech: #35D0C9;
    --varovani: #FF8A5C;
    --stin: 0 26px 64px rgba(6, 6, 24, .6);
    --stin-s: 0 10px 28px rgba(6, 6, 24, .45);
    --zar: radial-gradient(56rem 32rem at 76% -10%, rgba(124, 107, 255, .28), transparent 62%),
           radial-gradient(42rem 28rem at 2% 104%, rgba(53, 208, 201, .14), transparent 60%);
    --mrizka: rgba(180, 170, 255, .05);
    --r-s: 10px;
    --r: 18px;
    --r-l: 26px;
    --r-btn: 999px;
}

/* ---------- Téma: kontrast (ostrá švýcarská sazba) ---------- */

[data-tema='kontrast'] {
    --pozadi: #FFFFFF;
    --pozadi-alt: #F1F1EF;
    --pozadi-kontrast: #0A0A0A;
    --karta: #FFFFFF;
    --karta-2: #F4F4F2;
    --okraj: #0A0A0A;
    --okraj-silny: #0A0A0A;
    --text: #2B2B2B;
    --text-tlumeny: #5B5B5B;
    --text-vyrazny: #0A0A0A;
    --akcent: #FF4A1C;
    --akcent-svetly: #FF5E35;
    --akcent-text: #0A0A0A;
    --akcent-pismo: #CD3100;
    --akcent-2: #0A0A0A;
    --uspech: #0F7B4A;
    --varovani: #C7480F;
    --stin: none;
    --stin-s: none;
    --zar: none;
    --mrizka: rgba(10, 10, 10, .06);
    --r-s: 0;
    --r: 0;
    --r-l: 0;
    --r-btn: 0;
    --okraj-sila: 2px;
    --nadpis-mezera: -0.035em;
    --popisek-mezera: .2em;
}
/* Ostrý vzhled stojí na linkách, ne na stínech: karty proto dostanou plnou linku
   a sekce se od sebe oddělují vodorovným pravidlem. */
[data-tema='kontrast'] .karta,
[data-tema='kontrast'] .art,
[data-tema='kontrast'] .chain,
[data-tema='kontrast'] .cena-karta,
[data-tema='kontrast'] .modul,
[data-tema='kontrast'] .faq__polozka,
[data-tema='kontrast'] .komu__blok,
[data-tema='kontrast'] .srov__sloupec,
[data-tema='kontrast'] .vysledek,
[data-tema='kontrast'] .krok,
[data-tema='kontrast'] .obj__shrnuti { border-width: var(--okraj-sila); }
[data-tema='kontrast'] .s + .s { border-top: 1px solid var(--okraj); }
[data-tema='kontrast'] .btn { border-width: var(--okraj-sila); }
[data-tema='kontrast'] .btn--obrys { border-color: var(--text-vyrazny); }

/* ---------- Téma: mlha (světlý minimalismus s modrým akcentem) ---------- */

[data-tema='mlha'] {
    --pozadi: #F6F7F9;
    --pozadi-alt: #EDEFF3;
    --pozadi-kontrast: #171A20;
    --karta: #FFFFFF;
    --karta-2: #F3F5F8;
    --okraj: #E1E5EB;
    --okraj-silny: #C9D0D9;
    --text: #454C57;
    --text-tlumeny: #636875;
    --text-vyrazny: #12161C;
    --akcent: #2563EB;
    --akcent-svetly: #2D6EF4;
    --akcent-text: #FFFFFF;
    --akcent-pismo: #2361E9;
    --akcent-2: #0E9F8C;
    --uspech: #0E9F8C;
    --varovani: #D97706;
    --stin: 0 12px 32px rgba(18, 22, 28, .07);
    --stin-s: 0 3px 10px rgba(18, 22, 28, .05);
    --zar: radial-gradient(60rem 30rem at 72% -14%, rgba(37, 99, 235, .08), transparent 62%);
    --mrizka: rgba(18, 22, 28, .025);
    --r-s: 8px;
    --r: 14px;
    --r-l: 20px;
    --r-btn: 8px;
}

/* ---------- Téma: sépie (teplý papír, klidná knižní poloha) ---------- */

[data-tema='sepie'] {
    --pozadi: #F7F2E7;
    --pozadi-alt: #EFE7D6;
    --pozadi-kontrast: #241C14;
    --karta: #FDFAF3;
    --karta-2: #F2EADA;
    --okraj: #DED2BC;
    --okraj-silny: #C4B394;
    --text: #4A3F33;
    --text-tlumeny: #726454;
    --text-vyrazny: #241C14;
    --akcent: #A6412A;
    --akcent-svetly: #BD5135;
    --akcent-text: #FDF8EF;
    --akcent-2: #6B6238;
    --uspech: #4E6B3A;
    --varovani: #A66A1F;
    --stin: 0 16px 40px rgba(60, 44, 28, .12);
    --stin-s: 0 5px 16px rgba(60, 44, 28, .08);
    --zar: radial-gradient(56rem 30rem at 74% -12%, rgba(166, 65, 42, .1), transparent 62%),
           radial-gradient(40rem 26rem at 0% 100%, rgba(107, 98, 56, .1), transparent 60%);
    --mrizka: rgba(60, 44, 28, .04);
    --r-s: 3px;
    --r: 5px;
    --r-l: 7px;
    --r-btn: 3px;
}

/* ---------- Téma: uhel (uhlová šedá s limetkovým signálem) ---------- */

[data-tema='uhel'] {
    --pozadi: #17181A;
    --pozadi-alt: #1D1F21;
    --pozadi-kontrast: #0F1011;
    --karta: #222426;
    --karta-2: #292C2E;
    --okraj: #33373A;
    --okraj-silny: #464B4F;
    --text: #C6C9CB;
    --text-tlumeny: #8E9395;
    --text-vyrazny: #F5F6F6;
    --akcent: #B8E62E;
    --akcent-svetly: #CBF057;
    --akcent-text: #14180A;
    --akcent-2: #6FD3C0;
    --uspech: #6FD3C0;
    --varovani: #E8913F;
    --stin: 0 22px 54px rgba(0, 0, 0, .5);
    --stin-s: 0 8px 22px rgba(0, 0, 0, .38);
    --zar: radial-gradient(54rem 30rem at 80% -12%, rgba(184, 230, 46, .12), transparent 60%);
    --mrizka: rgba(255, 255, 255, .03);
    --r-s: 4px;
    --r: 8px;
    --r-l: 12px;
    --r-btn: 4px;
}

/* ---------- Téma: víno (tmavé bordó s růžovozlatou) ---------- */

[data-tema='vino'] {
    --pozadi: #241318;
    --pozadi-alt: #2C171D;
    --pozadi-kontrast: #1A0D11;
    --karta: #321B22;
    --karta-2: #3C2129;
    --okraj: #4A2A33;
    --okraj-silny: #633B46;
    --text: #D9C3C8;
    --text-tlumeny: #A48891;
    --text-vyrazny: #F8EFEF;
    --akcent: #D9A06A;
    --akcent-svetly: #E8B888;
    --akcent-text: #24130F;
    --akcent-2: #B76E79;
    --uspech: #86B37E;
    --varovani: #DE8A5A;
    --stin: 0 24px 58px rgba(20, 6, 10, .55);
    --stin-s: 0 8px 24px rgba(20, 6, 10, .4);
    --zar: radial-gradient(56rem 32rem at 74% -10%, rgba(217, 160, 106, .18), transparent 62%),
           radial-gradient(40rem 26rem at 4% 104%, rgba(183, 110, 121, .14), transparent 60%);
    --mrizka: rgba(255, 235, 235, .035);
    --r-s: 8px;
    --r: 14px;
    --r-l: 20px;
    --r-btn: 999px;
}

/* ---------- Téma: ocel (studená břidlice, konzervativní poloha) ---------- */

[data-tema='ocel'] {
    --pozadi: #1A2027;
    --pozadi-alt: #1F262E;
    --pozadi-kontrast: #12171C;
    --karta: #242C35;
    --karta-2: #2B343E;
    --okraj: #35404B;
    --okraj-silny: #47535F;
    --text: #C0C9D2;
    --text-tlumeny: #8F9CA8;
    --text-vyrazny: #F1F4F7;
    --akcent: #8FB8DC;
    --akcent-svetly: #ADCCE9;
    --akcent-text: #0E1720;
    --akcent-2: #C2A574;
    --uspech: #7FB69A;
    --varovani: #D9A05B;
    --stin: 0 20px 50px rgba(0, 0, 0, .45);
    --stin-s: 0 6px 20px rgba(0, 0, 0, .32);
    --zar: radial-gradient(52rem 28rem at 78% -12%, rgba(143, 184, 220, .12), transparent 60%);
    --mrizka: rgba(200, 220, 240, .045);
    --r-s: 2px;
    --r: 4px;
    --r-l: 6px;
    --r-btn: 2px;
}

/* ---------- Téma: inkoust (tmavě modrá a žlutá, novinový kontrast) ---------- */

[data-tema='inkoust'] {
    --pozadi: #0C1A30;
    --pozadi-alt: #10213B;
    --pozadi-kontrast: #081222;
    --karta: #142948;
    --karta-2: #1A3255;
    --okraj: #234066;
    --okraj-silny: #325687;
    --text: #C3D2E8;
    --text-tlumeny: #8AA0BE;
    --text-vyrazny: #FFFFFF;
    --akcent: #FFD23F;
    --akcent-svetly: #FFE071;
    --akcent-text: #1A1400;
    --akcent-2: #56C2E0;
    --uspech: #5CC9A0;
    --varovani: #FF9A52;
    --stin: 0 22px 56px rgba(2, 8, 20, .6);
    --stin-s: 0 8px 22px rgba(2, 8, 20, .45);
    --zar: radial-gradient(58rem 32rem at 76% -10%, rgba(255, 210, 63, .14), transparent 60%),
           radial-gradient(42rem 26rem at 0% 104%, rgba(86, 194, 224, .12), transparent 60%);
    --mrizka: rgba(190, 215, 255, .05);
    --r-s: 3px;
    --r: 6px;
    --r-l: 10px;
    --r-btn: 3px;
    --nadpis-mezera: -0.03em;
}

/* ---------- Téma: břidlice (průmyslová šedá s oranžovou) ---------- */

[data-tema='bridlice'] {
    --pozadi: #212429;
    --pozadi-alt: #282C32;
    --pozadi-kontrast: #17191D;
    --karta: #2C3037;
    --karta-2: #343941;
    --okraj: #3E444C;
    --okraj-silny: #545C66;
    --text: #C5CACF;
    --text-tlumeny: #9CA2A9;
    --text-vyrazny: #F4F6F8;
    --akcent: #FF7C1D;
    --akcent-svetly: #FF9748;
    --akcent-text: #1A0C02;
    --akcent-2: #59A6C4;
    --uspech: #63B98B;
    --varovani: #E5B33C;
    --stin: 0 18px 46px rgba(0, 0, 0, .48);
    --stin-s: 0 6px 18px rgba(0, 0, 0, .34);
    --zar: radial-gradient(50rem 28rem at 82% -14%, rgba(255, 122, 26, .12), transparent 58%);
    --mrizka: rgba(255, 255, 255, .035);
    --r-s: 2px;
    --r: 6px;
    --r-l: 8px;
    --r-btn: 2px;
    --okraj-sila: 1px;
}

/* ---------- Téma: pískovec (teplá béžová s hlubokou zelenou) ---------- */

[data-tema='piskovec'] {
    --pozadi: #F5F1E8;
    --pozadi-alt: #EBE5D8;
    --pozadi-kontrast: #1B2118;
    --karta: #FCFAF4;
    --karta-2: #F0EBE0;
    --okraj: #DFD8C7;
    --okraj-silny: #C6BCA5;
    --text: #464A44;
    --text-tlumeny: #61665C;
    --text-vyrazny: #1F241F;
    --akcent: #2F5D50;
    --akcent-svetly: #3D7768;
    --akcent-text: #FBFAF6;
    --akcent-2: #9C6B3F;
    --uspech: #46765C;
    --varovani: #A9702B;
    --stin: 0 16px 40px rgba(40, 44, 36, .1);
    --stin-s: 0 5px 14px rgba(40, 44, 36, .07);
    --zar: radial-gradient(54rem 30rem at 76% -12%, rgba(47, 93, 80, .1), transparent 62%);
    --mrizka: rgba(40, 44, 36, .035);
    --r-s: 6px;
    --r: 10px;
    --r-l: 14px;
    --r-btn: 6px;
}

/* ---------- Téma: perla (bílá se zlatou, tichý luxus) ---------- */

[data-tema='perla'] {
    --pozadi: #FCFCFD;
    --pozadi-alt: #F4F4F6;
    --pozadi-kontrast: #191A1E;
    --karta: #FFFFFF;
    --karta-2: #F7F7F9;
    --okraj: #E8E8EC;
    --okraj-silny: #D2D2D9;
    --text: #4A4B52;
    --text-tlumeny: #6C6D76;
    --text-vyrazny: #131418;
    --akcent: #A6842F;
    --akcent-svetly: #B0913C;
    --akcent-text: #131418;
    --akcent-pismo: #8A6904;
    --akcent-2: #57606B;
    --uspech: #3B7A5E;
    --varovani: #B07A22;
    --stin: 0 20px 50px rgba(19, 20, 24, .08);
    --stin-s: 0 4px 14px rgba(19, 20, 24, .05);
    --zar: radial-gradient(60rem 32rem at 74% -14%, rgba(166, 132, 47, .09), transparent 62%);
    --mrizka: rgba(19, 20, 24, .022);
    --r-s: 1px;
    --r: 2px;
    --r-l: 3px;
    --r-btn: 1px;
}

/* ---------- Téma: máta (světlá a svěží) ---------- */

[data-tema='mata'] {
    --pozadi: #F6FBF9;
    --pozadi-alt: #EAF4F0;
    --pozadi-kontrast: #10231D;
    --karta: #FFFFFF;
    --karta-2: #F1F8F5;
    --okraj: #DDEAE5;
    --okraj-silny: #BCD3CB;
    --text: #3E4A47;
    --text-tlumeny: #62706C;
    --text-vyrazny: #10231D;
    --akcent: #0EA277;
    --akcent-svetly: #14A57B;
    --akcent-text: #10231D;
    --akcent-pismo: #027C5A;
    --akcent-2: #2F6F9E;
    --uspech: #0FA97C;
    --varovani: #C9821F;
    --stin: 0 14px 36px rgba(16, 35, 29, .08);
    --stin-s: 0 4px 12px rgba(16, 35, 29, .05);
    --zar: radial-gradient(56rem 30rem at 76% -12%, rgba(15, 169, 124, .1), transparent 62%),
           radial-gradient(40rem 26rem at 0% 102%, rgba(47, 111, 158, .07), transparent 60%);
    --mrizka: rgba(16, 35, 29, .03);
    --r-s: 12px;
    --r: 20px;
    --r-l: 28px;
    --r-btn: 999px;
}

/* =====================================================================
   Druhá řada vzhledů (13. 8. 2026). Stejná pravidla jako u první:
   nic než tokeny, poloměry patří ke vzhledu stejně jako barvy.
   Světlé varianty mají tmavou kontrastní sekci, tmavé nejsvětlejší z tmavých.
   ===================================================================== */

/* ---------- Téma: arktida (ledová modrobílá) ---------- */

[data-tema='arktida'] {
    --pozadi: #F7FAFC;
    --pozadi-alt: #EBF2F7;
    --pozadi-kontrast: #0F2436;
    --karta: #FFFFFF;
    --karta-2: #F1F6FA;
    --okraj: #DCE7EF;
    --okraj-silny: #C3D5E2;
    --text: #35434E;
    --text-tlumeny: #5E6D77;
    --text-vyrazny: #10212D;
    --akcent: #0F5C8C;
    --akcent-svetly: #1B79B3;
    --akcent-text: #FFFFFF;
    --akcent-2: #C2703A;
    --uspech: #2C7D63;
    --varovani: #B26A22;
    --stin: 0 18px 44px rgba(15, 36, 54, .12);
    --stin-s: 0 6px 18px rgba(15, 36, 54, .08);
    --zar: radial-gradient(56rem 30rem at 76% -12%, rgba(15, 92, 140, .1), transparent 62%),
           radial-gradient(40rem 26rem at 0% 100%, rgba(194, 112, 58, .06), transparent 60%);
    --mrizka: rgba(15, 36, 54, .03);
    --r-s: 4px;
    --r: 8px;
    --r-l: 12px;
    --r-btn: 4px;
}

/* ---------- Téma: len (přírodní plátno a terakota) ---------- */

[data-tema='len'] {
    --pozadi: #F6F3EE;
    --pozadi-alt: #EDE8E0;
    --pozadi-kontrast: #26201B;
    --karta: #FDFCFA;
    --karta-2: #F2EEE7;
    --okraj: #E0D9CE;
    --okraj-silny: #CBC1B2;
    --text: #443C34;
    --text-tlumeny: #6E645A;
    --text-vyrazny: #221C16;
    --akcent: #B0522F;
    --akcent-svetly: #BB5B34;
    --akcent-text: #FFFFFF;
    --akcent-pismo: #A94B28;
    --akcent-2: #4E6B52;
    --uspech: #4E6B52;
    --varovani: #9C6B1E;
    --stin: 0 18px 42px rgba(38, 32, 27, .1);
    --stin-s: 0 6px 16px rgba(38, 32, 27, .07);
    --zar: radial-gradient(54rem 30rem at 74% -12%, rgba(176, 82, 47, .1), transparent 62%),
           radial-gradient(40rem 26rem at 0% 100%, rgba(78, 107, 82, .07), transparent 60%);
    --mrizka: rgba(38, 32, 27, .03);
    --r-s: 8px;
    --r: 14px;
    --r-l: 20px;
    --r-btn: 8px;
}

/* ---------- Téma: pistácie (světlá zelenkavá) ---------- */

[data-tema='pistacie'] {
    --pozadi: #F5F8F2;
    --pozadi-alt: #EAF0E4;
    --pozadi-kontrast: #17251A;
    --karta: #FFFFFF;
    --karta-2: #F1F5EE;
    --okraj: #DDE6D6;
    --okraj-silny: #C5D2BC;
    --text: #384038;
    --text-tlumeny: #626C61;
    --text-vyrazny: #16201A;
    --akcent: #2C6B3F;
    --akcent-svetly: #38854F;
    --akcent-text: #FFFFFF;
    --akcent-2: #A65E2E;
    --uspech: #2C6B3F;
    --varovani: #A65E2E;
    --stin: 0 18px 42px rgba(23, 37, 26, .1);
    --stin-s: 0 6px 16px rgba(23, 37, 26, .07);
    --zar: radial-gradient(54rem 30rem at 76% -12%, rgba(44, 107, 63, .1), transparent 62%),
           radial-gradient(40rem 26rem at 0% 100%, rgba(166, 94, 46, .06), transparent 60%);
    --mrizka: rgba(23, 37, 26, .03);
    --r-s: 10px;
    --r: 16px;
    --r-l: 24px;
    --r-btn: 999px;
}

/* ---------- Téma: pergamen (teplá krémová a tmavě modrá) ---------- */

[data-tema='pergamen'] {
    --pozadi: #FAF6EC;
    --pozadi-alt: #F2ECDD;
    --pozadi-kontrast: #1A2333;
    --karta: #FFFDF7;
    --karta-2: #F6F1E4;
    --okraj: #E5DCC7;
    --okraj-silny: #D2C6AB;
    --text: #43403A;
    --text-tlumeny: #6D675C;
    --text-vyrazny: #201E19;
    --akcent: #24406B;
    --akcent-svetly: #33578C;
    --akcent-text: #FFFFFF;
    --akcent-2: #A67C2E;
    --uspech: #2E7D5B;
    --varovani: #A67C2E;
    --stin: 0 18px 44px rgba(26, 35, 51, .1);
    --stin-s: 0 6px 18px rgba(26, 35, 51, .07);
    --zar: radial-gradient(56rem 30rem at 74% -10%, rgba(36, 64, 107, .09), transparent 60%),
           radial-gradient(40rem 26rem at 0% 100%, rgba(166, 124, 46, .08), transparent 60%);
    --mrizka: rgba(26, 35, 51, .03);
    --r-s: 3px;
    --r: 6px;
    --r-l: 10px;
    --r-btn: 3px;
}

/* ---------- Téma: stříbro (chladný monochrom) ---------- */

[data-tema='stribro'] {
    --pozadi: #F4F5F6;
    --pozadi-alt: #E9EBED;
    --pozadi-kontrast: #1B1E21;
    --karta: #FFFFFF;
    --karta-2: #F0F1F3;
    --okraj: #DDE0E3;
    --okraj-silny: #C3C8CD;
    --text: #3A4046;
    --text-tlumeny: #5F666C;
    --text-vyrazny: #15181B;
    --akcent: #2F3A44;
    --akcent-svetly: #47555F;
    --akcent-text: #FFFFFF;
    --akcent-2: #8A6D3B;
    --uspech: #2E6E52;
    --varovani: #99622A;
    --stin: 0 16px 40px rgba(21, 24, 27, .1);
    --stin-s: 0 5px 16px rgba(21, 24, 27, .07);
    --zar: radial-gradient(52rem 28rem at 78% -12%, rgba(47, 58, 68, .08), transparent 60%),
           radial-gradient(38rem 24rem at 0% 100%, rgba(138, 109, 59, .05), transparent 60%);
    --mrizka: rgba(21, 24, 27, .035);
    --r-s: 2px;
    --r: 4px;
    --r-l: 6px;
    --r-btn: 2px;
}

/* ---------- Téma: růže (jemná růžová a švestková) ---------- */

[data-tema='ruze'] {
    --pozadi: #FDF7F7;
    --pozadi-alt: #F8EDEE;
    --pozadi-kontrast: #2A1620;
    --karta: #FFFFFF;
    --karta-2: #FAF2F2;
    --okraj: #EEDDDE;
    --okraj-silny: #DCC3C6;
    --text: #46383B;
    --text-tlumeny: #766669;
    --text-vyrazny: #241A1D;
    --akcent: #7B2D4E;
    --akcent-svetly: #9C3D66;
    --akcent-text: #FFFFFF;
    --akcent-2: #2F6B62;
    --uspech: #2F6B62;
    --varovani: #A9662A;
    --stin: 0 18px 44px rgba(42, 22, 32, .1);
    --stin-s: 0 6px 18px rgba(42, 22, 32, .07);
    --zar: radial-gradient(54rem 30rem at 76% -12%, rgba(123, 45, 78, .1), transparent 62%),
           radial-gradient(40rem 26rem at 0% 100%, rgba(47, 107, 98, .06), transparent 60%);
    --mrizka: rgba(42, 22, 32, .03);
    --r-s: 12px;
    --r: 20px;
    --r-l: 28px;
    --r-btn: 999px;
}

/* ---------- Téma: slonovina (kost a hluboká fialová) ---------- */

[data-tema='slonovina'] {
    --pozadi: #FBF9F4;
    --pozadi-alt: #F3F0E7;
    --pozadi-kontrast: #241C33;
    --karta: #FFFFFF;
    --karta-2: #F7F4EC;
    --okraj: #E6E1D3;
    --okraj-silny: #D2CBB8;
    --text: #403C36;
    --text-tlumeny: #6E695F;
    --text-vyrazny: #1E1B16;
    --akcent: #4A2E7A;
    --akcent-svetly: #63409E;
    --akcent-text: #FFFFFF;
    --akcent-2: #A8842A;
    --uspech: #2E7D5B;
    --varovani: #A8842A;
    --stin: 0 18px 44px rgba(36, 28, 51, .1);
    --stin-s: 0 6px 18px rgba(36, 28, 51, .07);
    --zar: radial-gradient(56rem 30rem at 74% -10%, rgba(74, 46, 122, .1), transparent 62%),
           radial-gradient(40rem 26rem at 0% 100%, rgba(168, 132, 42, .07), transparent 60%);
    --mrizka: rgba(36, 28, 51, .03);
    --r-s: 6px;
    --r: 12px;
    --r-l: 18px;
    --r-btn: 6px;
}

/* ---------- Téma: bourbon (tmavá hnědá a jantar) ---------- */

[data-tema='bourbon'] {
    --pozadi: #1A1410;
    --pozadi-alt: #211A14;
    --pozadi-kontrast: #120D0A;
    --karta: #241C16;
    --karta-2: #2C231B;
    --okraj: #3A2E24;
    --okraj-silny: #4D3D2F;
    --text: #D6C8B8;
    --text-tlumeny: #9C8B79;
    --text-vyrazny: #F6EFE6;
    --akcent: #E0932B;
    --akcent-svetly: #F0AC4E;
    --akcent-text: #1A1006;
    --akcent-2: #8FA97A;
    --uspech: #8FA97A;
    --varovani: #D9704A;
    --stin: 0 24px 58px rgba(0, 0, 0, .5);
    --stin-s: 0 8px 24px rgba(0, 0, 0, .38);
    --zar: radial-gradient(58rem 32rem at 74% -8%, rgba(224, 147, 43, .16), transparent 62%),
           radial-gradient(42rem 28rem at 2% 102%, rgba(143, 169, 122, .08), transparent 60%);
    --mrizka: rgba(255, 235, 200, .03);
    --r-s: 8px;
    --r: 14px;
    --r-l: 20px;
    --r-btn: 8px;
}

/* ---------- Téma: smaragd (hluboká zelená) ---------- */

[data-tema='smaragd'] {
    --pozadi: #0C1A14;
    --pozadi-alt: #10221A;
    --pozadi-kontrast: #07140F;
    --karta: #14291F;
    --karta-2: #1A3327;
    --okraj: #23422F;
    --okraj-silny: #2F5A3F;
    --text: #BCD4C5;
    --text-tlumeny: #809B8A;
    --text-vyrazny: #EDF7F0;
    --akcent: #3ECF8E;
    --akcent-svetly: #6BE0AB;
    --akcent-text: #05170F;
    --akcent-2: #D9A441;
    --uspech: #3ECF8E;
    --varovani: #E08A4C;
    --stin: 0 24px 60px rgba(0, 0, 0, .5);
    --stin-s: 0 8px 24px rgba(0, 0, 0, .38);
    --zar: radial-gradient(58rem 32rem at 76% -8%, rgba(62, 207, 142, .16), transparent 62%),
           radial-gradient(42rem 28rem at 2% 102%, rgba(217, 164, 65, .08), transparent 60%);
    --mrizka: rgba(190, 255, 220, .035);
    --r-s: 6px;
    --r: 12px;
    --r-l: 18px;
    --r-btn: 6px;
}

/* ---------- Téma: nachová (fialová a magenta) ---------- */

[data-tema='nachova'] {
    --pozadi: #1A1024;
    --pozadi-alt: #21152C;
    --pozadi-kontrast: #130B1A;
    --karta: #261832;
    --karta-2: #2E1F3C;
    --okraj: #3B2A4C;
    --okraj-silny: #513A66;
    --text: #CFC0DD;
    --text-tlumeny: #9685A6;
    --text-vyrazny: #F6F0FB;
    --akcent: #D65CC8;
    --akcent-svetly: #E67EDA;
    --akcent-text: #1B0718;
    --akcent-2: #58C8D6;
    --uspech: #58C8D6;
    --varovani: #F09A5B;
    --stin: 0 26px 62px rgba(8, 4, 16, .58);
    --stin-s: 0 10px 26px rgba(8, 4, 16, .44);
    --zar: radial-gradient(58rem 32rem at 76% -10%, rgba(214, 91, 200, .22), transparent 62%),
           radial-gradient(42rem 28rem at 2% 102%, rgba(88, 200, 214, .12), transparent 60%);
    --mrizka: rgba(240, 200, 255, .04);
    --r-s: 10px;
    --r: 18px;
    --r-l: 26px;
    --r-btn: 999px;
}

/* ---------- Téma: karmín (antracit a červená, ostré hrany) ---------- */

[data-tema='karmin'] {
    --pozadi: #16171A;
    --pozadi-alt: #1C1D21;
    --pozadi-kontrast: #101114;
    --karta: #1F2126;
    --karta-2: #262930;
    --okraj: #31353D;
    --okraj-silny: #434952;
    --text: #C6CAD2;
    --text-tlumeny: #8A909A;
    --text-vyrazny: #F3F4F7;
    --akcent: #CB233C;
    --akcent-svetly: #D12C41;
    --akcent-text: #FFF1F2;
    --akcent-pismo: #FB5762;
    --akcent-2: #4EA1C9;
    --uspech: #46B584;
    --varovani: #E08A3C;
    --stin: 0 22px 54px rgba(0, 0, 0, .5);
    --stin-s: 0 8px 22px rgba(0, 0, 0, .38);
    --zar: radial-gradient(56rem 30rem at 78% -10%, rgba(226, 62, 78, .14), transparent 60%),
           radial-gradient(40rem 26rem at 2% 100%, rgba(78, 161, 201, .08), transparent 60%);
    --mrizka: rgba(255, 255, 255, .03);
    --r-s: 2px;
    --r: 4px;
    --r-l: 6px;
    --r-btn: 2px;
}

/* ---------- Téma: oceán (modrozelená a korál) ---------- */

[data-tema='ocean'] {
    --pozadi: #0A1E23;
    --pozadi-alt: #0E262C;
    --pozadi-kontrast: #06171B;
    --karta: #122D34;
    --karta-2: #17373F;
    --okraj: #1F4750;
    --okraj-silny: #2C616D;
    --text: #B3CBD1;
    --text-tlumeny: #839FA8;
    --text-vyrazny: #EAF6F8;
    --akcent: #FF7A5C;
    --akcent-svetly: #FF9B83;
    --akcent-text: #240A03;
    --akcent-2: #3FC7C0;
    --uspech: #3FC7C0;
    --varovani: #F2B33D;
    --stin: 0 24px 58px rgba(0, 0, 0, .5);
    --stin-s: 0 8px 24px rgba(0, 0, 0, .36);
    --zar: radial-gradient(58rem 32rem at 76% -8%, rgba(255, 122, 92, .16), transparent 62%),
           radial-gradient(42rem 28rem at 2% 102%, rgba(63, 199, 192, .12), transparent 60%);
    --mrizka: rgba(180, 240, 255, .04);
    --r-s: 10px;
    --r: 16px;
    --r-l: 24px;
    --r-btn: 999px;
}

/* ---------- Téma: safír (královská modrá a azur) ---------- */

[data-tema='safir'] {
    --pozadi: #0B1533;
    --pozadi-alt: #101C40;
    --pozadi-kontrast: #070F26;
    --karta: #152249;
    --karta-2: #1B2B58;
    --okraj: #253670;
    --okraj-silny: #34489C;
    --text: #BFC9EC;
    --text-tlumeny: #8692C3;
    --text-vyrazny: #EFF3FF;
    --akcent: #4D9CFF;
    --akcent-svetly: #7BB6FF;
    --akcent-text: #04122B;
    --akcent-2: #F2B33D;
    --uspech: #42C79A;
    --varovani: #F2B33D;
    --stin: 0 26px 62px rgba(2, 8, 28, .6);
    --stin-s: 0 10px 26px rgba(2, 8, 28, .45);
    --zar: radial-gradient(58rem 32rem at 76% -10%, rgba(77, 156, 255, .2), transparent 62%),
           radial-gradient(42rem 28rem at 2% 102%, rgba(242, 179, 61, .1), transparent 60%);
    --mrizka: rgba(190, 215, 255, .045);
    --r-s: 6px;
    --r: 12px;
    --r-l: 18px;
    --r-btn: 6px;
}

/* ---------- Téma: mech (olivová a žlutozelená) ---------- */

[data-tema='mech'] {
    --pozadi: #171A12;
    --pozadi-alt: #1D2117;
    --pozadi-kontrast: #10130C;
    --karta: #212619;
    --karta-2: #282E1F;
    --okraj: #333A27;
    --okraj-silny: #454F35;
    --text: #C8CDB8;
    --text-tlumeny: #8F967E;
    --text-vyrazny: #F1F4E6;
    --akcent: #A8C64B;
    --akcent-svetly: #BFD96D;
    --akcent-text: #131806;
    --akcent-2: #D98E4A;
    --uspech: #6FB98A;
    --varovani: #D98E4A;
    --stin: 0 22px 54px rgba(0, 0, 0, .48);
    --stin-s: 0 8px 22px rgba(0, 0, 0, .35);
    --zar: radial-gradient(56rem 30rem at 74% -8%, rgba(168, 198, 75, .14), transparent 62%),
           radial-gradient(40rem 26rem at 2% 102%, rgba(217, 142, 74, .08), transparent 60%);
    --mrizka: rgba(230, 245, 190, .035);
    --r-s: 4px;
    --r: 8px;
    --r-l: 12px;
    --r-btn: 4px;
}

/* ---------- Téma: měděná (šedozelená a měď) ---------- */

[data-tema='medena'] {
    --pozadi: #14191A;
    --pozadi-alt: #192021;
    --pozadi-kontrast: #0E1213;
    --karta: #1D2526;
    --karta-2: #232C2E;
    --okraj: #2D383A;
    --okraj-silny: #3D4C4F;
    --text: #C2CBCC;
    --text-tlumeny: #899395;
    --text-vyrazny: #F0F5F5;
    --akcent: #C97F4F;
    --akcent-svetly: #DB9668;
    --akcent-text: #1A0E05;
    --akcent-2: #5FA8A0;
    --uspech: #5FA8A0;
    --varovani: #D9A441;
    --stin: 0 22px 54px rgba(0, 0, 0, .48);
    --stin-s: 0 8px 22px rgba(0, 0, 0, .35);
    --zar: radial-gradient(56rem 30rem at 76% -8%, rgba(199, 123, 74, .14), transparent 62%),
           radial-gradient(40rem 26rem at 2% 102%, rgba(95, 168, 160, .1), transparent 60%);
    --mrizka: rgba(220, 240, 240, .03);
    --r-s: 8px;
    --r: 14px;
    --r-l: 20px;
    --r-btn: 8px;
}

/* ---------- Téma: grafen (černobílý minimalismus, bez zaoblení) ---------- */

[data-tema='grafen'] {
    --pozadi: #0B0B0C;
    --pozadi-alt: #121213;
    --pozadi-kontrast: #000000;
    --karta: #151516;
    --karta-2: #1B1B1D;
    --okraj: #262628;
    --okraj-silny: #3A3A3D;
    --text: #C7C7CA;
    --text-tlumeny: #8A8A8E;
    --text-vyrazny: #FFFFFF;
    --akcent: #FFFFFF;
    --akcent-svetly: #E6E6E8;
    --akcent-text: #0B0B0C;
    --akcent-2: #9A9AA0;
    --uspech: #7FBF9A;
    --varovani: #D9A05B;
    --stin: 0 20px 50px rgba(0, 0, 0, .6);
    --stin-s: 0 8px 20px rgba(0, 0, 0, .45);
    --zar: radial-gradient(56rem 30rem at 78% -10%, rgba(255, 255, 255, .06), transparent 60%),
           radial-gradient(40rem 26rem at 2% 100%, rgba(255, 255, 255, .03), transparent 60%);
    --mrizka: rgba(255, 255, 255, .035);
    --r-s: 0px;
    --r: 0px;
    --r-l: 0px;
    --r-btn: 0px;
}

/* ---------- Třetí řada vzhledů ----------
   Šestnáct světlých a šestnáct tmavých. Tokeny se počítaly z odstínu, sytosti
   a světlosti pozadí, takže neutrální plochy drží jeden tón a nerozejdou se.
   Pořadí v nabídce se řídí světlostí pozadí, ne pořadím tady.
   Každý vzhled musí mít i řádek v TEMATA v inc/layout.php, hlídá to
   _podklady/kontrola-vzhledu.py. */

[data-tema='porcelan'] {
    --pozadi: #FAFBFC;
    --pozadi-alt: #ECEFF3;
    --pozadi-kontrast: #141D2A;
    --karta: #FFFFFF;
    --karta-2: #F2F4F7;
    --okraj: #E1E6EC;
    --okraj-silny: #BFC9D6;
    --text: #304055;
    --text-tlumeny: #586D89;
    --text-vyrazny: #151D28;
    --akcent: #1D4ED8;
    --akcent-svetly: #426DE6;
    --akcent-text: #FFFFFF;
    --akcent-2: #0E7490;
    --uspech: #2E7D5B;
    --varovani: #A35F1E;
    --stin: 0 18px 44px rgba(21, 29, 40, .1);
    --stin-s: 0 6px 18px rgba(21, 29, 40, .07);
    --zar: radial-gradient(52rem 28rem at 78% -12%, rgba(29, 78, 216, .09), transparent 60%),
           radial-gradient(38rem 24rem at 0% 100%, rgba(14, 116, 144, .06), transparent 60%);
    --mrizka: rgba(21, 29, 40, .035);
    --r-s: 5px;
    --r: 10px;
    --r-l: 15px;
    --r-btn: 5px;
}

[data-tema='krida'] {
    --pozadi: #F5F6F7;
    --pozadi-alt: #E8EAED;
    --pozadi-kontrast: #181E26;
    --karta: #FAFAFA;
    --karta-2: #EEEFF1;
    --okraj: #DFE1E4;
    --okraj-silny: #C0C5CB;
    --text: #38424C;
    --text-tlumeny: #606B78;
    --text-vyrazny: #191E24;
    --akcent: #B4462F;
    --akcent-svetly: #C94F35;
    --akcent-text: #FFFFFF;
    --akcent-2: #3F6B7A;
    --uspech: #2E7D5B;
    --varovani: #A35F1E;
    --stin: 0 18px 44px rgba(25, 30, 36, .1);
    --stin-s: 0 6px 18px rgba(25, 30, 36, .07);
    --zar: radial-gradient(52rem 28rem at 78% -12%, rgba(180, 70, 47, .09), transparent 60%),
           radial-gradient(38rem 24rem at 0% 100%, rgba(63, 107, 122, .06), transparent 60%);
    --mrizka: rgba(25, 30, 36, .035);
    --r-s: 2px;
    --r: 4px;
    --r-l: 6px;
    --r-btn: 2px;
}

[data-tema='mandle'] {
    --pozadi: #F8F6F4;
    --pozadi-alt: #F0EBE5;
    --pozadi-kontrast: #2B1F12;
    --karta: #FBFAF9;
    --karta-2: #F3EFEB;
    --okraj: #E9E2DA;
    --okraj-silny: #D5C6B7;
    --text: #56422E;
    --text-tlumeny: #7D6650;
    --text-vyrazny: #291F14;
    --akcent: #7A4B2A;
    --akcent-svetly: #A06237;
    --akcent-text: #FFFFFF;
    --akcent-2: #4F7A5E;
    --uspech: #2E7D5B;
    --varovani: #A35F1E;
    --stin: 0 18px 44px rgba(41, 31, 20, .1);
    --stin-s: 0 6px 18px rgba(41, 31, 20, .07);
    --zar: radial-gradient(52rem 28rem at 78% -12%, rgba(122, 75, 42, .09), transparent 60%),
           radial-gradient(38rem 24rem at 0% 100%, rgba(79, 122, 94, .06), transparent 60%);
    --mrizka: rgba(41, 31, 20, .035);
    --r-s: 10px;
    --r: 18px;
    --r-l: 26px;
    --r-btn: 999px;
}

[data-tema='bavlna'] {
    --pozadi: #FBFAF9;
    --pozadi-alt: #F1F0EB;
    --pozadi-kontrast: #282415;
    --karta: #FEFEFE;
    --karta-2: #F5F4F1;
    --okraj: #EAE8E1;
    --okraj-silny: #D2CFC1;
    --text: #514B34;
    --text-tlumeny: #756D52;
    --text-vyrazny: #272317;
    --akcent: #3F3D8F;
    --akcent-svetly: #4F4CB3;
    --akcent-text: #FFFFFF;
    --akcent-2: #B07A2A;
    --uspech: #2E7D5B;
    --varovani: #A35F1E;
    --stin: 0 18px 44px rgba(39, 35, 23, .1);
    --stin-s: 0 6px 18px rgba(39, 35, 23, .07);
    --zar: radial-gradient(52rem 28rem at 78% -12%, rgba(63, 61, 143, .09), transparent 60%),
           radial-gradient(38rem 24rem at 0% 100%, rgba(176, 122, 42, .06), transparent 60%);
    --mrizka: rgba(39, 35, 23, .035);
    --r-s: 5px;
    --r: 10px;
    --r-l: 15px;
    --r-btn: 5px;
}

[data-tema='sadra'] {
    --pozadi: #F4F4F3;
    --pozadi-alt: #E9E9E7;
    --pozadi-kontrast: #242419;
    --karta: #F7F7F7;
    --karta-2: #EEEEEC;
    --okraj: #E0E0DE;
    --okraj-silny: #C5C5C1;
    --text: #49493C;
    --text-tlumeny: #6A6A5D;
    --text-vyrazny: #23231A;
    --akcent: #A8802A;
    --akcent-svetly: #CD9E38;
    --akcent-text: #000000;
    --akcent-pismo: #866104;
    --akcent-2: #3C6E86;
    --uspech: #2E7D5B;
    --varovani: #A35F1E;
    --stin: 0 18px 44px rgba(35, 35, 26, .1);
    --stin-s: 0 6px 18px rgba(35, 35, 26, .07);
    --zar: radial-gradient(52rem 28rem at 78% -12%, rgba(168, 128, 42, .09), transparent 60%),
           radial-gradient(38rem 24rem at 0% 100%, rgba(60, 110, 134, .06), transparent 60%);
    --mrizka: rgba(35, 35, 26, .035);
    --r-s: 2px;
    --r: 4px;
    --r-l: 6px;
    --r-btn: 2px;
}

[data-tema='limetka'] {
    --pozadi: #FAFBF9;
    --pozadi-alt: #EDF3EA;
    --pozadi-kontrast: #172510;
    --karta: #FEFEFE;
    --karta-2: #F2F6F0;
    --okraj: #E4ECDF;
    --okraj-silny: #C6D7BC;
    --text: #3D562E;
    --text-tlumeny: #5A764B;
    --text-vyrazny: #1C2914;
    --akcent: #3F8F35;
    --akcent-svetly: #4FB443;
    --akcent-text: #000000;
    --akcent-pismo: #2B7C20;
    --akcent-2: #2E6E8F;
    --uspech: #2E7D5B;
    --varovani: #A35F1E;
    --stin: 0 18px 44px rgba(28, 41, 20, .1);
    --stin-s: 0 6px 18px rgba(28, 41, 20, .07);
    --zar: radial-gradient(52rem 28rem at 78% -12%, rgba(63, 143, 53, .09), transparent 60%),
           radial-gradient(38rem 24rem at 0% 100%, rgba(46, 110, 143, .06), transparent 60%);
    --mrizka: rgba(28, 41, 20, .035);
    --r-s: 10px;
    --r: 18px;
    --r-l: 26px;
    --r-btn: 999px;
}

[data-tema='koral'] {
    --pozadi: #FCF9F8;
    --pozadi-alt: #F6EBE7;
    --pozadi-kontrast: #2B1A12;
    --karta: #FEFEFD;
    --karta-2: #F8F1EE;
    --okraj: #F1E1DA;
    --okraj-silny: #E1C0B2;
    --text: #563A2E;
    --text-tlumeny: #876456;
    --text-vyrazny: #291A14;
    --akcent: #E0603F;
    --akcent-svetly: #E7846B;
    --akcent-text: #2F120A;
    --akcent-pismo: #BC3F1D;
    --akcent-2: #2F7C8C;
    --uspech: #2E7D5B;
    --varovani: #A35F1E;
    --stin: 0 18px 44px rgba(41, 26, 20, .1);
    --stin-s: 0 6px 18px rgba(41, 26, 20, .07);
    --zar: radial-gradient(52rem 28rem at 78% -12%, rgba(224, 96, 63, .09), transparent 60%),
           radial-gradient(38rem 24rem at 0% 100%, rgba(47, 124, 140, .06), transparent 60%);
    --mrizka: rgba(41, 26, 20, .035);
    --r-s: 10px;
    --r: 18px;
    --r-l: 26px;
    --r-btn: 999px;
}

[data-tema='blankyt'] {
    --pozadi: #F6F9FB;
    --pozadi-alt: #E6EFF5;
    --pozadi-kontrast: #12212B;
    --karta: #FCFDFD;
    --karta-2: #EDF3F7;
    --okraj: #DAE6EF;
    --okraj-silny: #B2CDDE;
    --text: #2E4656;
    --text-tlumeny: #546F82;
    --text-vyrazny: #142129;
    --akcent: #D2731F;
    --akcent-svetly: #E38D41;
    --akcent-text: #160D05;
    --akcent-pismo: #A55501;
    --akcent-2: #1E6C9E;
    --uspech: #2E7D5B;
    --varovani: #A35F1E;
    --stin: 0 18px 44px rgba(20, 33, 41, .1);
    --stin-s: 0 6px 18px rgba(20, 33, 41, .07);
    --zar: radial-gradient(52rem 28rem at 78% -12%, rgba(210, 115, 31, .09), transparent 60%),
           radial-gradient(38rem 24rem at 0% 100%, rgba(30, 108, 158, .06), transparent 60%);
    --mrizka: rgba(20, 33, 41, .035);
    --r-s: 5px;
    --r: 10px;
    --r-l: 15px;
    --r-btn: 5px;
}

[data-tema='tyrkys'] {
    --pozadi: #F8FCFC;
    --pozadi-alt: #E8F4F4;
    --pozadi-kontrast: #0F2324;
    --karta: #FDFEFE;
    --karta-2: #EFF7F7;
    --okraj: #DDEEEE;
    --okraj-silny: #B7DADC;
    --text: #2E5556;
    --text-tlumeny: #4C7577;
    --text-vyrazny: #142829;
    --akcent: #0D737D;
    --akcent-svetly: #0F838F;
    --akcent-text: #FFFFFF;
    --akcent-2: #B4603A;
    --uspech: #2E7D5B;
    --varovani: #A35F1E;
    --stin: 0 18px 44px rgba(20, 40, 41, .1);
    --stin-s: 0 6px 18px rgba(20, 40, 41, .07);
    --zar: radial-gradient(52rem 28rem at 78% -12%, rgba(13, 115, 125, .09), transparent 60%),
           radial-gradient(38rem 24rem at 0% 100%, rgba(180, 96, 58, .06), transparent 60%);
    --mrizka: rgba(20, 40, 41, .035);
    --r-s: 10px;
    --r: 18px;
    --r-l: 26px;
    --r-btn: 999px;
}

[data-tema='levandule'] {
    --pozadi: #F8F7FA;
    --pozadi-alt: #ECE8F2;
    --pozadi-kontrast: #1C122B;
    --karta: #FCFCFD;
    --karta-2: #F1EFF5;
    --okraj: #E3DDEB;
    --okraj-silny: #C5BAD6;
    --text: #3E2E56;
    --text-tlumeny: #6B5889;
    --text-vyrazny: #1D1429;
    --akcent: #6A4FA3;
    --akcent-svetly: #8269B6;
    --akcent-text: #FFFFFF;
    --akcent-2: #A8703C;
    --uspech: #2E7D5B;
    --varovani: #A35F1E;
    --stin: 0 18px 44px rgba(29, 20, 41, .1);
    --stin-s: 0 6px 18px rgba(29, 20, 41, .07);
    --zar: radial-gradient(52rem 28rem at 78% -12%, rgba(106, 79, 163, .09), transparent 60%),
           radial-gradient(38rem 24rem at 0% 100%, rgba(168, 112, 60, .06), transparent 60%);
    --mrizka: rgba(29, 20, 41, .035);
    --r-s: 10px;
    --r: 18px;
    --r-l: 26px;
    --r-btn: 999px;
}

[data-tema='oblazek'] {
    --pozadi: #F6F5F4;
    --pozadi-alt: #ECEAE7;
    --pozadi-kontrast: #262018;
    --karta: #F9F9F9;
    --karta-2: #F0EEED;
    --okraj: #E3E1DE;
    --okraj-silny: #CAC5BF;
    --text: #4C4438;
    --text-tlumeny: #71695A;
    --text-vyrazny: #242019;
    --akcent: #2F6E63;
    --akcent-svetly: #378375;
    --akcent-text: #FFFFFF;
    --akcent-2: #96562F;
    --uspech: #2E7D5B;
    --varovani: #A35F1E;
    --stin: 0 18px 44px rgba(36, 32, 25, .1);
    --stin-s: 0 6px 18px rgba(36, 32, 25, .07);
    --zar: radial-gradient(52rem 28rem at 78% -12%, rgba(47, 110, 99, .09), transparent 60%),
           radial-gradient(38rem 24rem at 0% 100%, rgba(150, 86, 47, .06), transparent 60%);
    --mrizka: rgba(36, 32, 25, .035);
    --r-s: 2px;
    --r: 4px;
    --r-l: 6px;
    --r-btn: 2px;
}

[data-tema='mramor'] {
    --pozadi: #FBFAF9;
    --pozadi-alt: #F1EFEC;
    --pozadi-kontrast: #272216;
    --karta: #FEFEFE;
    --karta-2: #F5F4F2;
    --okraj: #E9E7E2;
    --okraj-silny: #D1CCC2;
    --text: #504835;
    --text-tlumeny: #756C56;
    --text-vyrazny: #262217;
    --akcent: #9A7B3F;
    --akcent-svetly: #B99653;
    --akcent-text: #020201;
    --akcent-pismo: #85672A;
    --akcent-2: #4A5A6B;
    --uspech: #2E7D5B;
    --varovani: #A35F1E;
    --stin: 0 18px 44px rgba(38, 34, 23, .1);
    --stin-s: 0 6px 18px rgba(38, 34, 23, .07);
    --zar: radial-gradient(52rem 28rem at 78% -12%, rgba(154, 123, 63, .09), transparent 60%),
           radial-gradient(38rem 24rem at 0% 100%, rgba(74, 90, 107, .06), transparent 60%);
    --mrizka: rgba(38, 34, 23, .035);
    --r-s: 5px;
    --r: 10px;
    --r-l: 15px;
    --r-btn: 5px;
}

[data-tema='pomeranc'] {
    --pozadi: #FCF9F6;
    --pozadi-alt: #F6EEE5;
    --pozadi-kontrast: #2B1F12;
    --karta: #FDFDFC;
    --karta-2: #F8F2EC;
    --okraj: #F1E5D8;
    --okraj-silny: #E1CAAF;
    --text: #56442E;
    --text-tlumeny: #7F6951;
    --text-vyrazny: #291F14;
    --akcent: #B04F18;
    --akcent-svetly: #C1571A;
    --akcent-text: #FFFFFF;
    --akcent-2: #2F6B7C;
    --uspech: #2E7D5B;
    --varovani: #A35F1E;
    --stin: 0 18px 44px rgba(41, 31, 20, .1);
    --stin-s: 0 6px 18px rgba(41, 31, 20, .07);
    --zar: radial-gradient(52rem 28rem at 78% -12%, rgba(176, 79, 24, .09), transparent 60%),
           radial-gradient(38rem 24rem at 0% 100%, rgba(47, 107, 124, .06), transparent 60%);
    --mrizka: rgba(41, 31, 20, .035);
    --r-s: 10px;
    --r: 18px;
    --r-l: 26px;
    --r-btn: 999px;
}

[data-tema='kava'] {
    --pozadi: #F7F4F2;
    --pozadi-alt: #EFE9E4;
    --pozadi-kontrast: #2A1D13;
    --karta: #F9F9F8;
    --karta-2: #F2EEEA;
    --okraj: #E8DFD9;
    --okraj-silny: #D2C2B6;
    --text: #56402E;
    --text-tlumeny: #7E6451;
    --text-vyrazny: #291D14;
    --akcent: #5A3A24;
    --akcent-svetly: #7E5133;
    --akcent-text: #FFFFFF;
    --akcent-2: #3F6B4F;
    --uspech: #2E7D5B;
    --varovani: #A35F1E;
    --stin: 0 18px 44px rgba(41, 29, 20, .1);
    --stin-s: 0 6px 18px rgba(41, 29, 20, .07);
    --zar: radial-gradient(52rem 28rem at 78% -12%, rgba(90, 58, 36, .09), transparent 60%),
           radial-gradient(38rem 24rem at 0% 100%, rgba(63, 107, 79, .06), transparent 60%);
    --mrizka: rgba(41, 29, 20, .035);
    --r-s: 5px;
    --r: 10px;
    --r-l: 15px;
    --r-btn: 5px;
}

[data-tema='holubi'] {
    --pozadi: #F4F5F6;
    --pozadi-alt: #E6E9EC;
    --pozadi-kontrast: #171F27;
    --karta: #F9F9F9;
    --karta-2: #ECEEF0;
    --okraj: #DDE0E4;
    --okraj-silny: #BDC4CB;
    --text: #36424E;
    --text-tlumeny: #5B6B7A;
    --text-vyrazny: #181F25;
    --akcent: #8C2F42;
    --akcent-svetly: #B23C54;
    --akcent-text: #FFFFFF;
    --akcent-2: #3C5F7A;
    --uspech: #2E7D5B;
    --varovani: #A35F1E;
    --stin: 0 18px 44px rgba(24, 31, 37, .1);
    --stin-s: 0 6px 18px rgba(24, 31, 37, .07);
    --zar: radial-gradient(52rem 28rem at 78% -12%, rgba(140, 47, 66, .09), transparent 60%),
           radial-gradient(38rem 24rem at 0% 100%, rgba(60, 95, 122, .06), transparent 60%);
    --mrizka: rgba(24, 31, 37, .035);
    --r-s: 2px;
    --r: 4px;
    --r-l: 6px;
    --r-btn: 2px;
}

[data-tema='magnolie'] {
    --pozadi: #FBF9F9;
    --pozadi-alt: #F3EAEC;
    --pozadi-kontrast: #2B1218;
    --karta: #FEFEFE;
    --karta-2: #F6F0F2;
    --okraj: #ECDFE2;
    --okraj-silny: #D7BCC2;
    --text: #562E38;
    --text-tlumeny: #895863;
    --text-vyrazny: #291419;
    --akcent: #A94F68;
    --akcent-svetly: #B35B73;
    --akcent-text: #FFFFFF;
    --akcent-pismo: #A64C65;
    --akcent-2: #6A6A3F;
    --uspech: #2E7D5B;
    --varovani: #A35F1E;
    --stin: 0 18px 44px rgba(41, 20, 25, .1);
    --stin-s: 0 6px 18px rgba(41, 20, 25, .07);
    --zar: radial-gradient(52rem 28rem at 78% -12%, rgba(169, 79, 104, .09), transparent 60%),
           radial-gradient(38rem 24rem at 0% 100%, rgba(106, 106, 63, .06), transparent 60%);
    --mrizka: rgba(41, 20, 25, .035);
    --r-s: 10px;
    --r: 18px;
    --r-l: 26px;
    --r-btn: 999px;
}

[data-tema='obsidian'] {
    --pozadi: #0C0E10;
    --pozadi-alt: #111418;
    --pozadi-kontrast: #060809;
    --karta: #16191E;
    --karta-2: #1C2126;
    --okraj: #262C33;
    --okraj-silny: #363E47;
    --text: #C5C9CE;
    --text-tlumeny: #8D939A;
    --text-vyrazny: #F4F5F5;
    --akcent: #4EA8DE;
    --akcent-svetly: #79BDE6;
    --akcent-text: #113145;
    --akcent-2: #C9A227;
    --uspech: #57B894;
    --varovani: #D98B4A;
    --stin: 0 24px 60px rgba(0, 0, 0, .45);
    --stin-s: 0 8px 24px rgba(0, 0, 0, .35);
    --zar: radial-gradient(58rem 32rem at 74% -8%, rgba(78, 168, 222, .15), transparent 62%),
           radial-gradient(42rem 28rem at 2% 100%, rgba(201, 162, 39, .1), transparent 60%);
    --mrizka: rgba(255, 255, 255, .03);
    --r-s: 5px;
    --r: 10px;
    --r-l: 15px;
    --r-btn: 5px;
}

[data-tema='bazalt'] {
    --pozadi: #161413;
    --pozadi-alt: #1D1B19;
    --pozadi-kontrast: #100E0D;
    --karta: #22201F;
    --karta-2: #292726;
    --okraj: #353331;
    --okraj-silny: #474443;
    --text: #CCC9C7;
    --text-tlumeny: #979391;
    --text-vyrazny: #F5F5F5;
    --akcent: #E07A2F;
    --akcent-svetly: #E7965B;
    --akcent-text: #2F1A0A;
    --akcent-2: #5F9EA0;
    --uspech: #57B894;
    --varovani: #D98B4A;
    --stin: 0 24px 60px rgba(0, 0, 0, .45);
    --stin-s: 0 8px 24px rgba(0, 0, 0, .35);
    --zar: radial-gradient(58rem 32rem at 74% -8%, rgba(224, 122, 47, .15), transparent 62%),
           radial-gradient(42rem 28rem at 2% 100%, rgba(95, 158, 160, .1), transparent 60%);
    --mrizka: rgba(255, 255, 255, .03);
    --r-s: 2px;
    --r: 4px;
    --r-l: 6px;
    --r-btn: 2px;
}

[data-tema='pulnoc'] {
    --pozadi: #0D1219;
    --pozadi-alt: #121822;
    --pozadi-kontrast: #080C12;
    --karta: #151D28;
    --karta-2: #1B2431;
    --okraj: #232F41;
    --okraj-silny: #304057;
    --text: #BDC7D6;
    --text-tlumeny: #7C8FAB;
    --text-vyrazny: #F3F4F7;
    --akcent: #A9B7C6;
    --akcent-svetly: #C8D1DA;
    --akcent-text: #3C444D;
    --akcent-2: #D8A657;
    --uspech: #57B894;
    --varovani: #D98B4A;
    --stin: 0 24px 60px rgba(0, 0, 0, .45);
    --stin-s: 0 8px 24px rgba(0, 0, 0, .35);
    --zar: radial-gradient(58rem 32rem at 74% -8%, rgba(169, 183, 198, .15), transparent 62%),
           radial-gradient(42rem 28rem at 2% 100%, rgba(216, 166, 87, .1), transparent 60%);
    --mrizka: rgba(255, 255, 255, .03);
    --r-s: 5px;
    --r: 10px;
    --r-l: 15px;
    --r-btn: 5px;
}

[data-tema='svestka'] {
    --pozadi: #190F1D;
    --pozadi-alt: #211325;
    --pozadi-kontrast: #130A15;
    --karta: #27172C;
    --karta-2: #2F1C35;
    --okraj: #3D2544;
    --okraj-silny: #51325A;
    --text: #D0BDD6;
    --text-tlumeny: #A17DAC;
    --text-vyrazny: #F6F3F7;
    --akcent: #D9A441;
    --akcent-svetly: #E2B86B;
    --akcent-text: #36280E;
    --akcent-2: #9B6BC4;
    --uspech: #57B894;
    --varovani: #D98B4A;
    --stin: 0 24px 60px rgba(0, 0, 0, .45);
    --stin-s: 0 8px 24px rgba(0, 0, 0, .35);
    --zar: radial-gradient(58rem 32rem at 74% -8%, rgba(217, 164, 65, .15), transparent 62%),
           radial-gradient(42rem 28rem at 2% 100%, rgba(155, 107, 196, .1), transparent 60%);
    --mrizka: rgba(255, 255, 255, .03);
    --r-s: 10px;
    --r: 18px;
    --r-l: 26px;
    --r-btn: 999px;
}

[data-tema='hvozd'] {
    --pozadi: #0E1611;
    --pozadi-alt: #131E18;
    --pozadi-kontrast: #090F0B;
    --karta: #17241D;
    --karta-2: #1D2C24;
    --okraj: #273A2F;
    --okraj-silny: #364F41;
    --text: #C2D1C8;
    --text-tlumeny: #87A192;
    --text-vyrazny: #F4F6F5;
    --akcent: #CA7D3E;
    --akcent-svetly: #D49664;
    --akcent-text: #23160C;
    --akcent-2: #5FA57E;
    --uspech: #57B894;
    --varovani: #D98B4A;
    --stin: 0 24px 60px rgba(0, 0, 0, .45);
    --stin-s: 0 8px 24px rgba(0, 0, 0, .35);
    --zar: radial-gradient(58rem 32rem at 74% -8%, rgba(201, 123, 60, .15), transparent 62%),
           radial-gradient(42rem 28rem at 2% 100%, rgba(95, 165, 126, .1), transparent 60%);
    --mrizka: rgba(255, 255, 255, .03);
    --r-s: 10px;
    --r: 18px;
    --r-l: 26px;
    --r-btn: 999px;
}

[data-tema='kobalt'] {
    --pozadi: #0D1321;
    --pozadi-alt: #11182B;
    --pozadi-kontrast: #090E19;
    --karta: #141D32;
    --karta-2: #18233B;
    --okraj: #1F2D4C;
    --okraj-silny: #2A3C65;
    --text: #B6C2DD;
    --text-tlumeny: #748ABB;
    --text-vyrazny: #F2F3F8;
    --akcent: #A3D93B;
    --akcent-svetly: #B7E166;
    --akcent-text: #25310D;
    --akcent-2: #4C8BE0;
    --uspech: #57B894;
    --varovani: #D98B4A;
    --stin: 0 24px 60px rgba(0, 0, 0, .45);
    --stin-s: 0 8px 24px rgba(0, 0, 0, .35);
    --zar: radial-gradient(58rem 32rem at 74% -8%, rgba(163, 217, 59, .15), transparent 62%),
           radial-gradient(42rem 28rem at 2% 100%, rgba(76, 139, 224, .1), transparent 60%);
    --mrizka: rgba(255, 255, 255, .03);
    --r-s: 5px;
    --r: 10px;
    --r-l: 15px;
    --r-btn: 5px;
}

[data-tema='rez'] {
    --pozadi: #15100F;
    --pozadi-alt: #1D1614;
    --pozadi-kontrast: #0E0A09;
    --karta: #231B19;
    --karta-2: #2B221F;
    --okraj: #382C29;
    --okraj-silny: #4C3D38;
    --text: #CFC7C4;
    --text-tlumeny: #9C8F8B;
    --text-vyrazny: #F5F4F4;
    --akcent: #B04E27;
    --akcent-svetly: #C2562B;
    --akcent-text: #FFFFFF;
    --akcent-pismo: #D57049;
    --akcent-2: #8FA05C;
    --uspech: #57B894;
    --varovani: #D98B4A;
    --stin: 0 24px 60px rgba(0, 0, 0, .45);
    --stin-s: 0 8px 24px rgba(0, 0, 0, .35);
    --zar: radial-gradient(58rem 32rem at 74% -8%, rgba(176, 78, 39, .15), transparent 62%),
           radial-gradient(42rem 28rem at 2% 100%, rgba(143, 160, 92, .1), transparent 60%);
    --mrizka: rgba(255, 255, 255, .03);
    --r-s: 10px;
    --r: 18px;
    --r-l: 26px;
    --r-btn: 999px;
}

[data-tema='tabak'] {
    --pozadi: #181510;
    --pozadi-alt: #201B16;
    --pozadi-kontrast: #120F0B;
    --karta: #26211A;
    --karta-2: #2E2820;
    --okraj: #3C342A;
    --okraj-silny: #514639;
    --text: #D0CAC3;
    --text-tlumeny: #9F9589;
    --text-vyrazny: #F6F5F4;
    --akcent: #D9C29A;
    --akcent-svetly: #E7D8BF;
    --akcent-text: #614E2C;
    --akcent-2: #B4703C;
    --uspech: #57B894;
    --varovani: #D98B4A;
    --stin: 0 24px 60px rgba(0, 0, 0, .45);
    --stin-s: 0 8px 24px rgba(0, 0, 0, .35);
    --zar: radial-gradient(58rem 32rem at 74% -8%, rgba(217, 194, 154, .15), transparent 62%),
           radial-gradient(42rem 28rem at 2% 100%, rgba(180, 112, 60, .1), transparent 60%);
    --mrizka: rgba(255, 255, 255, .03);
    --r-s: 5px;
    --r: 10px;
    --r-l: 15px;
    --r-btn: 5px;
}

[data-tema='neon'] {
    --pozadi: #0E0B0E;
    --pozadi-alt: #151116;
    --pozadi-kontrast: #070608;
    --karta: #1A161B;
    --karta-2: #221C23;
    --okraj: #2E2730;
    --okraj-silny: #413843;
    --text: #CBC7CC;
    --text-tlumeny: #969197;
    --text-vyrazny: #F5F5F5;
    --akcent: #E148A4;
    --akcent-svetly: #E76CB6;
    --akcent-text: #300A21;
    --akcent-2: #3FD0C0;
    --uspech: #57B894;
    --varovani: #D98B4A;
    --stin: 0 24px 60px rgba(0, 0, 0, .45);
    --stin-s: 0 8px 24px rgba(0, 0, 0, .35);
    --zar: radial-gradient(58rem 32rem at 74% -8%, rgba(224, 64, 160, .15), transparent 62%),
           radial-gradient(42rem 28rem at 2% 100%, rgba(63, 208, 192, .1), transparent 60%);
    --mrizka: rgba(255, 255, 255, .03);
    --r-s: 2px;
    --r: 4px;
    --r-l: 6px;
    --r-btn: 2px;
}

[data-tema='aurora'] {
    --pozadi: #0A181A;
    --pozadi-alt: #0E2023;
    --pozadi-kontrast: #061011;
    --karta: #11272A;
    --karta-2: #153034;
    --okraj: #1C3F45;
    --okraj-silny: #27565D;
    --text: #B6D8DD;
    --text-tlumeny: #6FAFB8;
    --text-vyrazny: #F2F7F8;
    --akcent: #4FD1A5;
    --akcent-svetly: #77DCBA;
    --akcent-text: #12382B;
    --akcent-2: #E0B05F;
    --uspech: #57B894;
    --varovani: #D98B4A;
    --stin: 0 24px 60px rgba(0, 0, 0, .45);
    --stin-s: 0 8px 24px rgba(0, 0, 0, .35);
    --zar: radial-gradient(58rem 32rem at 74% -8%, rgba(79, 209, 165, .15), transparent 62%),
           radial-gradient(42rem 28rem at 2% 100%, rgba(224, 176, 95, .1), transparent 60%);
    --mrizka: rgba(255, 255, 255, .03);
    --r-s: 10px;
    --r: 18px;
    --r-l: 26px;
    --r-btn: 999px;
}

[data-tema='antracit'] {
    --pozadi: #161718;
    --pozadi-alt: #1C1E1F;
    --pozadi-kontrast: #0F1113;
    --karta: #212324;
    --karta-2: #282A2B;
    --okraj: #333638;
    --okraj-silny: #45474A;
    --text: #C7C9CC;
    --text-tlumeny: #919497;
    --text-vyrazny: #F5F5F5;
    --akcent: #6FB3D9;
    --akcent-svetly: #97C8E4;
    --akcent-text: #1C4155;
    --akcent-2: #C08A4F;
    --uspech: #57B894;
    --varovani: #D98B4A;
    --stin: 0 24px 60px rgba(0, 0, 0, .45);
    --stin-s: 0 8px 24px rgba(0, 0, 0, .35);
    --zar: radial-gradient(58rem 32rem at 74% -8%, rgba(111, 179, 217, .15), transparent 62%),
           radial-gradient(42rem 28rem at 2% 100%, rgba(192, 138, 79, .1), transparent 60%);
    --mrizka: rgba(255, 255, 255, .03);
    --r-s: 2px;
    --r: 4px;
    --r-l: 6px;
    --r-btn: 2px;
}

[data-tema='bronz'] {
    --pozadi: #151312;
    --pozadi-alt: #1C1A18;
    --pozadi-kontrast: #0F0D0B;
    --karta: #211F1D;
    --karta-2: #282624;
    --okraj: #35322F;
    --okraj-silny: #474440;
    --text: #CCCAC7;
    --text-tlumeny: #979591;
    --text-vyrazny: #F5F5F5;
    --akcent: #B98A4B;
    --akcent-svetly: #C7A270;
    --akcent-text: #1F180F;
    --akcent-2: #5F8FA0;
    --uspech: #57B894;
    --varovani: #D98B4A;
    --stin: 0 24px 60px rgba(0, 0, 0, .45);
    --stin-s: 0 8px 24px rgba(0, 0, 0, .35);
    --zar: radial-gradient(58rem 32rem at 74% -8%, rgba(185, 138, 75, .15), transparent 62%),
           radial-gradient(42rem 28rem at 2% 100%, rgba(95, 143, 160, .1), transparent 60%);
    --mrizka: rgba(255, 255, 255, .03);
    --r-s: 5px;
    --r: 10px;
    --r-l: 15px;
    --r-btn: 5px;
}

[data-tema='kosmos'] {
    --pozadi: #0F0D1C;
    --pozadi-alt: #141125;
    --pozadi-kontrast: #0A0814;
    --karta: #18142C;
    --karta-2: #1E1935;
    --okraj: #272145;
    --okraj-silny: #352D5D;
    --text: #BFB9DA;
    --text-tlumeny: #8D84BD;
    --text-vyrazny: #F3F2F7;
    --akcent: #39C0E8;
    --akcent-svetly: #67CFED;
    --akcent-text: #0B3440;
    --akcent-2: #C77BE0;
    --uspech: #57B894;
    --varovani: #D98B4A;
    --stin: 0 24px 60px rgba(0, 0, 0, .45);
    --stin-s: 0 8px 24px rgba(0, 0, 0, .35);
    --zar: radial-gradient(58rem 32rem at 74% -8%, rgba(57, 192, 232, .15), transparent 62%),
           radial-gradient(42rem 28rem at 2% 100%, rgba(199, 123, 224, .1), transparent 60%);
    --mrizka: rgba(255, 255, 255, .03);
    --r-s: 10px;
    --r: 18px;
    --r-l: 26px;
    --r-btn: 999px;
}

[data-tema='laguna'] {
    --pozadi: #091518;
    --pozadi-alt: #0D1E22;
    --pozadi-kontrast: #050E10;
    --karta: #102429;
    --karta-2: #142D33;
    --okraj: #1A3C44;
    --okraj-silny: #25525D;
    --text: #B5D6DE;
    --text-tlumeny: #6DABBA;
    --text-vyrazny: #F1F7F8;
    --akcent: #E3C089;
    --akcent-svetly: #EDD6B2;
    --akcent-text: #674B1F;
    --akcent-2: #3FA8B4;
    --uspech: #57B894;
    --varovani: #D98B4A;
    --stin: 0 24px 60px rgba(0, 0, 0, .45);
    --stin-s: 0 8px 24px rgba(0, 0, 0, .35);
    --zar: radial-gradient(58rem 32rem at 74% -8%, rgba(227, 192, 137, .15), transparent 62%),
           radial-gradient(42rem 28rem at 2% 100%, rgba(63, 168, 180, .1), transparent 60%);
    --mrizka: rgba(255, 255, 255, .03);
    --r-s: 10px;
    --r: 18px;
    --r-l: 26px;
    --r-btn: 999px;
}

[data-tema='granat'] {
    --pozadi: #160E0D;
    --pozadi-alt: #1F1312;
    --pozadi-kontrast: #0F0908;
    --karta: #251816;
    --karta-2: #2E1E1C;
    --okraj: #3C2725;
    --okraj-silny: #523633;
    --text: #D3C2C0;
    --text-tlumeny: #A58683;
    --text-vyrazny: #F6F4F3;
    --akcent: #D4767B;
    --akcent-svetly: #E09DA0;
    --akcent-text: #491C1E;
    --akcent-2: #B49A5F;
    --uspech: #57B894;
    --varovani: #D98B4A;
    --stin: 0 24px 60px rgba(0, 0, 0, .45);
    --stin-s: 0 8px 24px rgba(0, 0, 0, .35);
    --zar: radial-gradient(58rem 32rem at 74% -8%, rgba(212, 118, 123, .15), transparent 62%),
           radial-gradient(42rem 28rem at 2% 100%, rgba(180, 154, 95, .1), transparent 60%);
    --mrizka: rgba(255, 255, 255, .03);
    --r-s: 5px;
    --r: 10px;
    --r-l: 15px;
    --r-btn: 5px;
}

[data-tema='modrina'] {
    --pozadi: #0F151A;
    --pozadi-alt: #141B22;
    --pozadi-kontrast: #0A0F13;
    --karta: #182128;
    --karta-2: #1E2831;
    --okraj: #27343F;
    --okraj-silny: #354655;
    --text: #C0CAD3;
    --text-tlumeny: #8395A5;
    --text-vyrazny: #F3F5F6;
    --akcent: #E0A33C;
    --akcent-svetly: #E7B868;
    --akcent-text: #39290C;
    --akcent-2: #5F97B4;
    --uspech: #57B894;
    --varovani: #D98B4A;
    --stin: 0 24px 60px rgba(0, 0, 0, .45);
    --stin-s: 0 8px 24px rgba(0, 0, 0, .35);
    --zar: radial-gradient(58rem 32rem at 74% -8%, rgba(224, 163, 60, .15), transparent 62%),
           radial-gradient(42rem 28rem at 2% 100%, rgba(95, 151, 180, .1), transparent 60%);
    --mrizka: rgba(255, 255, 255, .03);
    --r-s: 2px;
    --r: 4px;
    --r-l: 6px;
    --r-btn: 2px;
}

/* ---------- Reset ---------- */

*, *::before, *::after { box-sizing: border-box; }

/* scroll-padding-top drží kotvu pod lepivou hlavičkou. Bez něj doskroluje
   odkaz z nabídky tak, že se nadpis sekce schová za hlavičku. */
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 5.5rem; }
/* Pseudoprvky se musí vyjmenovat, `*` na ně nedosáhne. Blikající kurzor za nadpisem
   úvodu je ::after a bez nich blikal dál i při zapnutém omezení pohybu. Jedno opakování
   je nutné: nekonečná animace se zkrácenou délkou by se změnila v rychlé problikávání. */
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after {
        animation-duration: .01ms !important; animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

body {
    margin: 0;
    background: var(--pozadi);
    color: var(--text);
    font: 400 17px/1.65 var(--sans);
    -webkit-font-smoothing: antialiased;
    /* Bez tohohle přeteče dlouhé slovo (třeba adresa) na úzkém displeji ven ze stránky. */
    overflow-wrap: break-word;
}

img, svg, picture { max-width: 100%; display: block; }
a { color: inherit; }
button { font: inherit; color: inherit; }

h1, h2, h3, h4 {
    font-family: var(--font-nadpis);
    font-weight: var(--nadpis-vaha);
    letter-spacing: var(--nadpis-mezera);
    color: var(--text-vyrazny);
    line-height: 1.15;
    text-wrap: balance;
    margin: 0 0 .6em;
}
p { text-wrap: pretty; margin: 0 0 1.1em; }
p:last-child { margin-bottom: 0; }

/* Náhradní hodnota není zbytečná: administrace načítá tenhle stylopis BEZ atributu
   data-tema, takže --akcent tam není definovaný a --akcent-pismo z něj neplatný. Neplatná
   hodnota by shodila celou vlastnost a klávesnicí by se nedalo poznat, kde uživatel stojí.
   Barva je --akcent-pismo, ne --akcent: obrys musí být vidět na pozadí i na kartách.
   Poloměr se bere z tokenu, jen nejvýš 3 px. Ve vzhledech s poloměrem 0 (kontrast,
   grafen) je tak obrys fokusu hranatý jako všechno ostatní. Kontrast má token jako
   bezrozměrnou nulu, s níž min() neplatí, a prohlížeč pak použije výchozí nulový poloměr. */
:focus-visible {
    outline: 2px solid var(--akcent-pismo, #26262A);
    outline-offset: 3px;
    border-radius: min(var(--r-s), 3px);
}

.preskocit {
    position: absolute; left: -9999px; top: 0; z-index: 200;
    background: var(--akcent); color: var(--akcent-text);
    padding: .8rem 1.2rem; border-radius: 0 0 var(--r-s) 0; text-decoration: none;
}
.preskocit:focus { left: 0; }

/* Text jen pro odečítače obrazovky. Na rozdíl od .preskocit se nikdy nezviditelní. */
.jen-cteckam {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}

/* ---------- Rozvržení ---------- */

.obal { width: 100%; max-width: var(--sirka); margin: 0 auto; padding: 0 22px; }
.obal--uzky { max-width: var(--sirka-uzka); }

.s { padding: var(--mezera) 0; position: relative; }
.s--alt { background: var(--pozadi-alt); }

/*
 * Kontrastní sekce. Ve světlých tématech je tmavá, v tmavých je to nejtmavší
 * poloha. Přepisuje tokeny, takže všechny komponenty uvnitř se převléknou samy.
 */
.s--kontrast {
    background: var(--pozadi-kontrast);
    --karta: rgba(255, 255, 255, .05);
    --karta-2: rgba(255, 255, 255, .08);
    --okraj: rgba(255, 255, 255, .13);
    --okraj-silny: rgba(255, 255, 255, .24);
    --text: #B9C1CE;
    --text-tlumeny: #8D97A4;
    --text-vyrazny: #F4F5F7;
    --akcent-pismo: var(--akcent);
}
[data-tema='papir'] .s--kontrast { --akcent: #E3C56A; --akcent-svetly: #EFD891; --akcent-text: #14181C; }
[data-tema='kombi'] .s--kontrast { --akcent: #C9A227; --akcent-svetly: #DCBB50; --akcent-text: #17130A; }
[data-tema='sepie'] .s--kontrast { --akcent: #D65537; --akcent-svetly: #DD7259; --akcent-text: #200C08; --akcent-pismo: #EB684A; }
[data-tema='piskovec'] .s--kontrast { --akcent: #43A187; --akcent-svetly: #50B69A; --akcent-text: #000000; }
[data-tema='arktida'] .s--kontrast { --akcent: #0E9AEE; --akcent-svetly: #23A4F2; --akcent-text: #010406; }
[data-tema='pistacie'] .s--kontrast { --akcent: #3AA75C; --akcent-svetly: #42BB68; --akcent-text: #000000; }
[data-tema='pergamen'] .s--kontrast { --akcent: #4882D6; --akcent-svetly: #6999DD; --akcent-text: #0C192C; --akcent-pismo: #5C97EC; }
[data-tema='stribro'] .s--kontrast { --akcent: #5880A9; --akcent-svetly: #7394B7; --akcent-text: #0A0E11; --akcent-pismo: #6C95BF; }
[data-tema='ruze'] .s--kontrast { --akcent: #D25287; --akcent-svetly: #DA729D; --akcent-text: #2A0917; --akcent-pismo: #E46296; }
[data-tema='slonovina'] .s--kontrast { --akcent: #9670DD; --akcent-svetly: #AE91E5; --akcent-text: #230D47; --akcent-pismo: #A57FED; }
[data-tema='porcelan'] .s--kontrast { --akcent: #567EF0; --akcent-svetly: #7B9BF3; --akcent-text: #040D26; --akcent-pismo: #618AFD; }
[data-tema='mandle'] .s--kontrast { --akcent: #C06F35; --akcent-svetly: #CE844F; --akcent-text: #130C06; --akcent-pismo: #D38047; }
[data-tema='bavlna'] .s--kontrast { --akcent: #8482DA; --akcent-svetly: #A3A1E3; --akcent-text: #17153F; --akcent-pismo: #908EE7; }
[data-tema='tyrkys'] .s--kontrast { --akcent: #0EA0AF; --akcent-svetly: #10BBCC; --akcent-text: #000000; }
[data-tema='levandule'] .s--kontrast { --akcent: #896EC2; --akcent-svetly: #A08BCE; --akcent-text: #000000; --akcent-pismo: #977CD1; }
[data-tema='oblazek'] .s--kontrast { --akcent: #378E7F; --akcent-svetly: #42AB99; --akcent-text: #000000; --akcent-pismo: #4EA393; }
[data-tema='kava'] .s--kontrast { --akcent: #C07038; --akcent-svetly: #CD8654; --akcent-text: #160D07; --akcent-pismo: #D07F47; }
[data-tema='holubi'] .s--kontrast { --akcent: #D34F6A; --akcent-svetly: #DB7086; --akcent-text: #060203; --akcent-pismo: #EB657E; }
/* Vzhledy bez vlastního akcentu v kontrastní sekci. Akcent tlačítek tu zůstává ze stránky,
   jen drobný text v barvě akcentu dostane světlejší odstín, aby na tmavé ploše měl 4,5:1. */
[data-tema='noc'] .s--kontrast { --akcent-pismo: #8A81FE; }
[data-tema='mlha'] .s--kontrast { --akcent-pismo: #5189FD; }
[data-tema='perla'] .s--kontrast { --akcent-pismo: #AB8935; }
[data-tema='mata'] .s--kontrast { --akcent-pismo: #18A67B; }
[data-tema='len'] .s--kontrast { --akcent-pismo: #DC7A56; }
[data-tema='karmin'] .s--kontrast { --akcent-pismo: #FB5762; }
[data-tema='krida'] .s--kontrast { --akcent-pismo: #E27057; }
[data-tema='sadra'] .s--kontrast { --akcent-pismo: #BA913E; }
[data-tema='limetka'] .s--kontrast { --akcent-pismo: #56A64C; }
[data-tema='koral'] .s--kontrast { --akcent-pismo: #EB6A48; }
[data-tema='blankyt'] .s--kontrast { --akcent-pismo: #D97A29; }
[data-tema='mramor'] .s--kontrast { --akcent-pismo: #B29256; }
[data-tema='pomeranc'] .s--kontrast { --akcent-pismo: #DF7948; }
[data-tema='magnolie'] .s--kontrast { --akcent-pismo: #CE7088; }
[data-tema='rez'] .s--kontrast { --akcent-pismo: #D57049; }

.mrizka-pozadi::before {
    content: ''; position: absolute; inset: 0; pointer-events: none;
    background-image: linear-gradient(var(--mrizka) 1px, transparent 1px),
                      linear-gradient(90deg, var(--mrizka) 1px, transparent 1px);
    background-size: 46px 46px;
    mask-image: radial-gradient(70% 60% at 50% 0%, #000 30%, transparent 78%);
}

/* ---------- Hlavičky sekcí ---------- */

.popisek {
    font-family: var(--font-popisek);
    font-size: .72rem; font-weight: 700;
    letter-spacing: var(--popisek-mezera); text-transform: uppercase;
    color: var(--akcent-pismo);
    margin: 0 0 .8rem;
    display: flex; align-items: center; gap: .6rem;
}
.popisek::before {
    content: ''; width: 26px; height: 2px; background: var(--akcent-pismo); flex: none; border-radius: var(--r-s);
}
.popisek--stred { justify-content: center; }

.nadpis-s {
    font-size: clamp(1.72rem, 1.3rem + 1.9vw, 2.6rem);
    margin: 0 0 .7rem;
}
.perex {
    font-size: clamp(1.03rem, 1rem + .3vw, 1.16rem);
    color: var(--text-tlumeny);
    max-width: 62ch;
    line-height: 1.62;
}
.hlava { max-width: 68ch; margin-bottom: 2.6rem; }
.hlava--stred { margin-left: auto; margin-right: auto; text-align: center; }
.hlava--stred .perex { margin-left: auto; margin-right: auto; }

/* ---------- Tlačítka ---------- */

.btn {
    display: inline-flex; align-items: center; justify-content: center; gap: .55rem;
    padding: 1.05rem 2rem;
    border: var(--okraj-sila) solid transparent; border-radius: var(--r-btn);
    font: 600 1rem/1 var(--sans); text-decoration: none; cursor: pointer;
    transition: transform .12s ease, background-color .15s ease, border-color .15s ease, color .15s ease;
}
.btn:hover { transform: translateY(-1px); }
.btn:active { transform: translateY(0); }

.btn--zlato { background: var(--akcent); color: var(--akcent-text); }
.btn--zlato:hover { background: var(--akcent-svetly); color: var(--akcent-text); }
.btn--obrys { background: transparent; border-color: var(--okraj-silny); color: var(--text-vyrazny); }
.btn--obrys:hover { border-color: var(--akcent); color: var(--text-vyrazny); }
.btn--lg { padding: 1.2rem 2.5rem; font-size: 1.06rem; }
.btn--sm { padding: .65rem 1.15rem; font-size: .9rem; }
.btn--blok { width: 100%; }

.pod-tlacitkem { font-size: .87rem; color: var(--text-tlumeny); margin-top: .85rem; }

/* ---------- Karty a mřížky ---------- */

.mrizka { display: grid; gap: 1.4rem; }
/* `min(100%, …)` je tu podstatné: holé minmax(280px, 1fr) je pevné minimum,
   takže na displeji širokém 320 px sloupec přeteče a celá stránka jde posunout do strany. */
.mrizka--2 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); }
.mrizka--3 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); }
.mrizka--4 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); }

.karta {
    background: var(--karta);
    border: 1px solid var(--okraj);
    border-radius: var(--r);
    padding: 1.6rem;
}
.karta h3, .karta h2 { font-size: 1.14rem; margin-bottom: .5rem; }
.karta p { color: var(--text-tlumeny); font-size: .96rem; margin-bottom: 0; }
.karta__ikona { color: var(--akcent); margin-bottom: 1rem; }

/* ---------- Hlavička webu ---------- */

.hl {
    position: sticky; top: 0; z-index: 60;
    background: color-mix(in srgb, var(--pozadi) 96%, transparent);
    -webkit-backdrop-filter: saturate(160%) blur(10px);
    backdrop-filter: saturate(160%) blur(10px);
    border-bottom: 1px solid var(--okraj);
    transition: box-shadow .2s ease;
}
.hl.je-posunuta { box-shadow: var(--stin-s); }
.hl__in {
    max-width: var(--sirka); margin: 0 auto; padding: 0 22px;
    display: flex; align-items: center; gap: 1.2rem; min-height: 64px;
}
.znacka { display: inline-flex; align-items: center; gap: .6rem; text-decoration: none; color: var(--text-vyrazny); }
.znacka__mark { color: var(--akcent); display: inline-flex; }
.znacka__text { font-family: var(--font-nadpis); font-weight: var(--nadpis-vaha); font-size: 1.06rem; letter-spacing: .005em; }
.hl__nav { display: flex; gap: 1.5rem; margin-left: 1.6rem; font-size: .93rem; }
.hl__nav a { color: var(--text-tlumeny); text-decoration: none; }
.hl__nav a:hover { color: var(--text-vyrazny); }
.hl__akce { margin-left: auto; }
@media (max-width: 860px) { .hl__nav { display: none; } }
@media (max-width: 420px) { .znacka__text { display: none; } }

/* ---------- Patička ---------- */

.pat { background: var(--pozadi-alt); border-top: 1px solid var(--okraj); padding: 3rem 0 0; }
.pat__in {
    max-width: var(--sirka); margin: 0 auto; padding: 0 22px 2rem;
    display: flex; flex-wrap: wrap; gap: 1.4rem 2rem; align-items: baseline;
}
.pat__znacka { display: flex; flex-direction: column; gap: .2rem; }
.pat__znacka strong { font-family: var(--font-nadpis); color: var(--text-vyrazny); font-size: 1.05rem; }
.pat__znacka span { color: var(--text-tlumeny); font-size: .9rem; }
.pat__odkazy { display: flex; flex-wrap: wrap; gap: 1.3rem; font-size: .92rem; }
.pat__odkazy a { color: var(--text-tlumeny); text-decoration: none; }
.pat__odkazy a:hover { color: var(--text-vyrazny); text-decoration: underline; }
.pat__rok { margin-left: auto; color: var(--text-tlumeny); font-size: .87rem; }
.pat__upozorneni { border-top: 1px solid var(--okraj); }
.pat__upozorneni p {
    max-width: var(--sirka); margin: 0 auto; padding: 1.4rem 22px 2.2rem;
    color: var(--text-tlumeny); font-size: .82rem; line-height: 1.6;
}
@media (max-width: 640px) { .pat__rok { margin-left: 0; width: 100%; } }

/* ---------- Textové stránky (podmínky, soukromí, děkovací) ---------- */

.text-stranka { padding: clamp(2.6rem, 2rem + 3vw, 4.4rem) 0; }
.text-stranka h1 { font-size: clamp(1.8rem, 1.4rem + 2vw, 2.5rem); }
.text-stranka h2 { font-size: 1.28rem; margin-top: 2.4rem; }
.text-stranka h3 { font-size: 1.06rem; margin-top: 1.7rem; }
.text-stranka ul, .text-stranka ol { padding-left: 1.2rem; margin: 0 0 1.2rem; }
.text-stranka li { margin-bottom: .5rem; }
/* Jen běžné odkazy v textu. Bez `:not(.btn)` je selektor `.text-stranka a` silnější
   než `.btn--zlato`, takže tlačítko na objednávkové stránce dostalo barvu textu shodnou
   s vlastním pozadím a nápis byl vidět až při najetí myší. */
.text-stranka a:not(.btn) { color: var(--akcent-pismo); }
.text-stranka .datum { color: var(--text-tlumeny); font-size: .9rem; }
.text-stranka table { width: 100%; border-collapse: collapse; margin: 0 0 1.4rem; font-size: .95rem; }
.text-stranka th, .text-stranka td { text-align: left; padding: .6rem .7rem; border-bottom: 1px solid var(--okraj); vertical-align: top; }
.text-stranka th { color: var(--text-vyrazny); }
.tabulka-obal { overflow-x: auto; }

/* ---------- Tisk ---------- */

/* Obchodní podmínky a zásady si lidé tisknou nebo ukládají do PDF. Tmavý vzhled by
   na papíře vyšel jako tmavý list, nebo bez pozadí jako bledé nadpisy na bílém.
   Pro tisk proto platí světlé tokeny ve všech vzhledech, i v kontrastních sekcích,
   a schová se to, co na papíře nemá smysl: lepivá lišta, odkaz na přeskočení,
   tlačítka a odkazy v patičce. Stojí na konci souboru, aby přebil tokeny vzhledů. */
@media print {
    :root, [data-tema], [data-tema] .s--kontrast {
        --pozadi: #FFFFFF; --pozadi-alt: #FFFFFF; --pozadi-kontrast: #FFFFFF;
        --karta: #FFFFFF; --karta-2: #F2F2F2;
        --okraj: #BBBBBB; --okraj-silny: #888888;
        --text: #1A1A1A; --text-tlumeny: #3D3D3D; --text-vyrazny: #000000;
        --akcent: #000000; --akcent-svetly: #000000; --akcent-text: #FFFFFF; --akcent-2: #3D3D3D;
        --akcent-pismo: #000000;
        --uspech: #1A1A1A; --varovani: #1A1A1A;
        --stin: none; --stin-s: none; --zar: none; --mrizka: transparent;
    }
    .hl, .preskocit, .pat__odkazy, .btn { display: none; }
}