:root[data-vzhled="panenky"] {
    --svet-barva: #94375f; --svet-jemny: color-mix(in srgb, #94375f 9%, transparent);
    --svet-plocha: #f7dfeb; --svet-doplnek: #b97a9a;
    --papir: color-mix(in srgb, #f7dfeb 30%, #fffdf8);
    --papir-hloubka: color-mix(in srgb, #f7dfeb 70%, #f4eddf);
    --papir-jas: color-mix(in srgb, #f7dfeb 9%, #ffffff);
    --radius: 17px; --radius-velky: 26px;
  }
  :root[data-vzhled="panenky"][data-theme="dark"] {
    --svet-barva: #f3a9cc; --svet-jemny: color-mix(in srgb, #f3a9cc 9%, transparent);
    --svet-plocha: #352733;
    --papir: color-mix(in srgb, #352733 60%, #0f141c);
    --papir-hloubka: color-mix(in srgb, #352733 75%, #0f141c);
    --papir-jas: color-mix(in srgb, #352733 82%, #29323c);
  }
  :root[data-vzhled="panenky"] body { background: radial-gradient(ellipse at 0% 5%, var(--svet-jemny), transparent 34rem), radial-gradient(circle, var(--svet-jemny) 2px, transparent 2.5px) 0 0 / 24px 24px, var(--papir); }
  :root .vzorek-panenky { background: #f7dfeb; color: #94375f; border-radius: 16px; border: 1px solid #b97a9a; }


  :root[data-vzhled="doprava"] {
    --svet-barva: #245e87; --svet-jemny: color-mix(in srgb, #245e87 9%, transparent);
    --svet-plocha: #deedf4; --svet-doplnek: #e7b04c;
    --papir: color-mix(in srgb, #deedf4 30%, #fffdf8);
    --papir-hloubka: color-mix(in srgb, #deedf4 70%, #f4eddf);
    --papir-jas: color-mix(in srgb, #deedf4 9%, #ffffff);
    --radius: 4px; --radius-velky: 10px;
  }
  :root[data-vzhled="doprava"][data-theme="dark"] {
    --svet-barva: #8acbee; --svet-jemny: color-mix(in srgb, #8acbee 9%, transparent);
    --svet-plocha: #203340;
    --papir: color-mix(in srgb, #203340 60%, #0f141c);
    --papir-hloubka: color-mix(in srgb, #203340 75%, #0f141c);
    --papir-jas: color-mix(in srgb, #203340 82%, #29323c);
  }
  :root[data-vzhled="doprava"] body { background: radial-gradient(ellipse at 0% 5%, var(--svet-jemny), transparent 34rem), repeating-linear-gradient(135deg, transparent 0 60px, var(--tecky) 60px 62px, transparent 62px 120px), var(--papir); }
  :root .vzorek-doprava { background: #deedf4; color: #245e87; border-radius: 10px; border: 1px solid #e7b04c; }


  :root[data-vzhled="dinosauri"] {
    --svet-barva: #486629; --svet-jemny: color-mix(in srgb, #486629 9%, transparent);
    --svet-plocha: #e6eed8; --svet-doplnek: #a3bb75;
    --papir: color-mix(in srgb, #e6eed8 30%, #fffdf8);
    --papir-hloubka: color-mix(in srgb, #e6eed8 70%, #f4eddf);
    --papir-jas: color-mix(in srgb, #e6eed8 9%, #ffffff);
    --radius: 13px; --radius-velky: 22px;
  }
  :root[data-vzhled="dinosauri"][data-theme="dark"] {
    --svet-barva: #b3d881; --svet-jemny: color-mix(in srgb, #b3d881 9%, transparent);
    --svet-plocha: #293324;
    --papir: color-mix(in srgb, #293324 60%, #0f141c);
    --papir-hloubka: color-mix(in srgb, #293324 75%, #0f141c);
    --papir-jas: color-mix(in srgb, #293324 82%, #29323c);
  }
  :root[data-vzhled="dinosauri"] body { background: radial-gradient(ellipse at 0% 5%, var(--svet-jemny), transparent 34rem), radial-gradient(circle, var(--tecky) 1.2px, transparent 1.8px) 0 0 / 37px 41px, var(--papir); }
  :root .vzorek-dinosauri { background: #e6eed8; color: #486629; border-radius: 16px; border: 1px solid #a3bb75; }


  :root[data-vzhled="mravenci"] {
    --svet-barva: #795333; --svet-jemny: color-mix(in srgb, #795333 9%, transparent);
    --svet-plocha: #eee4d3; --svet-doplnek: #a9bd74;
    --papir: color-mix(in srgb, #eee4d3 30%, #fffdf8);
    --papir-hloubka: color-mix(in srgb, #eee4d3 70%, #f4eddf);
    --papir-jas: color-mix(in srgb, #eee4d3 9%, #ffffff);
    --radius: 7px; --radius-velky: 16px;
  }
  :root[data-vzhled="mravenci"][data-theme="dark"] {
    --svet-barva: #e5bc85; --svet-jemny: color-mix(in srgb, #e5bc85 9%, transparent);
    --svet-plocha: #342f25;
    --papir: color-mix(in srgb, #342f25 60%, #0f141c);
    --papir-hloubka: color-mix(in srgb, #342f25 75%, #0f141c);
    --papir-jas: color-mix(in srgb, #342f25 82%, #29323c);
  }
  :root[data-vzhled="mravenci"] body { background: radial-gradient(ellipse at 0% 5%, var(--svet-jemny), transparent 34rem), repeating-linear-gradient(135deg, transparent 0 60px, var(--tecky) 60px 62px, transparent 62px 120px), var(--papir); }
  :root .vzorek-mravenci { background: #eee4d3; color: #795333; border-radius: 16px; border: 1px solid #a9bd74; }


  :root[data-vzhled="superhrdinove"] {
    --svet-barva: #904022; --svet-jemny: color-mix(in srgb, #904022 9%, transparent);
    --svet-plocha: #fff0c8; --svet-doplnek: #edbc40;
    --papir: color-mix(in srgb, #fff0c8 30%, #fffdf8);
    --papir-hloubka: color-mix(in srgb, #fff0c8 70%, #f4eddf);
    --papir-jas: color-mix(in srgb, #fff0c8 9%, #ffffff);
    --radius: 4px; --radius-velky: 7px;
  }
  :root[data-vzhled="superhrdinove"][data-theme="dark"] {
    --svet-barva: #ffc58a; --svet-jemny: color-mix(in srgb, #ffc58a 9%, transparent);
    --svet-plocha: #393124;
    --papir: color-mix(in srgb, #393124 60%, #0f141c);
    --papir-hloubka: color-mix(in srgb, #393124 75%, #0f141c);
    --papir-jas: color-mix(in srgb, #393124 82%, #29323c);
  }
  :root[data-vzhled="superhrdinove"] body { background: radial-gradient(ellipse at 0% 5%, var(--svet-jemny), transparent 34rem), radial-gradient(circle, var(--tecky) 1.2px, transparent 1.8px) 0 0 / 37px 41px, var(--papir); }
  :root .vzorek-superhrdinove { background: #fff0c8; color: #904022; border-radius: 7px; border: 1px solid #edbc40; }


  :root[data-vzhled="cirkus"] {
    --svet-barva: #a02e45; --svet-jemny: color-mix(in srgb, #a02e45 9%, transparent);
    --svet-plocha: #f8e2e5; --svet-doplnek: #e4ae4d;
    --papir: color-mix(in srgb, #f8e2e5 30%, #fffdf8);
    --papir-hloubka: color-mix(in srgb, #f8e2e5 70%, #f4eddf);
    --papir-jas: color-mix(in srgb, #f8e2e5 9%, #ffffff);
    --radius: 9px; --radius-velky: 18px;
  }
  :root[data-vzhled="cirkus"][data-theme="dark"] {
    --svet-barva: #ffaabc; --svet-jemny: color-mix(in srgb, #ffaabc 9%, transparent);
    --svet-plocha: #39262d;
    --papir: color-mix(in srgb, #39262d 60%, #0f141c);
    --papir-hloubka: color-mix(in srgb, #39262d 75%, #0f141c);
    --papir-jas: color-mix(in srgb, #39262d 82%, #29323c);
  }
  :root[data-vzhled="cirkus"] body { background: radial-gradient(ellipse at 0% 5%, var(--svet-jemny), transparent 34rem), repeating-linear-gradient(90deg, transparent 0 40px, var(--svet-jemny) 40px 80px), var(--papir); }
  :root .vzorek-cirkus { background: #f8e2e5; color: #a02e45; border-radius: 16px; border: 1px solid #e4ae4d; }


  :root[data-vzhled="les"] {
    --svet-barva: #35634b; --svet-jemny: color-mix(in srgb, #35634b 9%, transparent);
    --svet-plocha: #e2eee4; --svet-doplnek: #95b08a;
    --papir: color-mix(in srgb, #e2eee4 30%, #fffdf8);
    --papir-hloubka: color-mix(in srgb, #e2eee4 70%, #f4eddf);
    --papir-jas: color-mix(in srgb, #e2eee4 9%, #ffffff);
    --radius: 11px; --radius-velky: 20px;
  }
  :root[data-vzhled="les"][data-theme="dark"] {
    --svet-barva: #93d1ae; --svet-jemny: color-mix(in srgb, #93d1ae 9%, transparent);
    --svet-plocha: #21372d;
    --papir: color-mix(in srgb, #21372d 60%, #0f141c);
    --papir-hloubka: color-mix(in srgb, #21372d 75%, #0f141c);
    --papir-jas: color-mix(in srgb, #21372d 82%, #29323c);
  }
  :root[data-vzhled="les"] body { background: radial-gradient(ellipse at 0% 5%, var(--svet-jemny), transparent 34rem), radial-gradient(circle, var(--tecky) 1.2px, transparent 1.8px) 0 0 / 37px 41px, var(--papir); }
  :root .vzorek-les { background: #e2eee4; color: #35634b; border-radius: 16px; border: 1px solid #95b08a; }


  :root[data-vzhled="vesnice"] {
    --svet-barva: #875137; --svet-jemny: color-mix(in srgb, #875137 9%, transparent);
    --svet-plocha: #f4e6d9; --svet-doplnek: #9eb97d;
    --papir: color-mix(in srgb, #f4e6d9 30%, #fffdf8);
    --papir-hloubka: color-mix(in srgb, #f4e6d9 70%, #f4eddf);
    --papir-jas: color-mix(in srgb, #f4e6d9 9%, #ffffff);
    --radius: 9px; --radius-velky: 18px;
  }
  :root[data-vzhled="vesnice"][data-theme="dark"] {
    --svet-barva: #edba91; --svet-jemny: color-mix(in srgb, #edba91 9%, transparent);
    --svet-plocha: #382d27;
    --papir: color-mix(in srgb, #382d27 60%, #0f141c);
    --papir-hloubka: color-mix(in srgb, #382d27 75%, #0f141c);
    --papir-jas: color-mix(in srgb, #382d27 82%, #29323c);
  }
  :root[data-vzhled="vesnice"] body { background: radial-gradient(ellipse at 0% 5%, var(--svet-jemny), transparent 34rem), radial-gradient(circle, var(--tecky) 1.2px, transparent 1.8px) 0 0 / 37px 41px, var(--papir); }
  :root .vzorek-vesnice { background: #f4e6d9; color: #875137; border-radius: 16px; border: 1px solid #9eb97d; }


  :root[data-vzhled="mesto"] {
    --svet-barva: #365b79; --svet-jemny: color-mix(in srgb, #365b79 9%, transparent);
    --svet-plocha: #e1eaf2; --svet-doplnek: #a3b4c8;
    --papir: color-mix(in srgb, #e1eaf2 30%, #fffdf8);
    --papir-hloubka: color-mix(in srgb, #e1eaf2 70%, #f4eddf);
    --papir-jas: color-mix(in srgb, #e1eaf2 9%, #ffffff);
    --radius: 4px; --radius-velky: 8px;
  }
  :root[data-vzhled="mesto"][data-theme="dark"] {
    --svet-barva: #9fc9eb; --svet-jemny: color-mix(in srgb, #9fc9eb 9%, transparent);
    --svet-plocha: #26313e;
    --papir: color-mix(in srgb, #26313e 60%, #0f141c);
    --papir-hloubka: color-mix(in srgb, #26313e 75%, #0f141c);
    --papir-jas: color-mix(in srgb, #26313e 82%, #29323c);
  }
  :root[data-vzhled="mesto"] body { background: radial-gradient(ellipse at 0% 5%, var(--svet-jemny), transparent 34rem), linear-gradient(var(--tecky) 1px, transparent 1px) 0 0 / 36px 36px, linear-gradient(90deg, var(--tecky) 1px, transparent 1px) 0 0 / 36px 36px, var(--papir); }
  :root .vzorek-mesto { background: #e1eaf2; color: #365b79; border-radius: 8px; border: 1px solid #a3b4c8; }


  :root[data-vzhled="scifi"] {
    --svet-barva: #196976; --svet-jemny: color-mix(in srgb, #196976 9%, transparent);
    --svet-plocha: #daf0ef; --svet-doplnek: #8ab6bc;
    --papir: color-mix(in srgb, #daf0ef 30%, #fffdf8);
    --papir-hloubka: color-mix(in srgb, #daf0ef 70%, #f4eddf);
    --papir-jas: color-mix(in srgb, #daf0ef 9%, #ffffff);
    --radius: 4px; --radius-velky: 5px;
  }
  :root[data-vzhled="scifi"][data-theme="dark"] {
    --svet-barva: #83e0e9; --svet-jemny: color-mix(in srgb, #83e0e9 9%, transparent);
    --svet-plocha: #1d353b;
    --papir: color-mix(in srgb, #1d353b 60%, #0f141c);
    --papir-hloubka: color-mix(in srgb, #1d353b 75%, #0f141c);
    --papir-jas: color-mix(in srgb, #1d353b 82%, #29323c);
  }
  :root[data-vzhled="scifi"] body { background: radial-gradient(ellipse at 0% 5%, var(--svet-jemny), transparent 34rem), linear-gradient(var(--tecky) 1px, transparent 1px) 0 0 / 36px 36px, linear-gradient(90deg, var(--tecky) 1px, transparent 1px) 0 0 / 36px 36px, var(--papir); }
  :root .vzorek-scifi { background: #daf0ef; color: #196976; border-radius: 5px; border: 1px solid #8ab6bc; }


  :root[data-vzhled="fantasy"] {
    --svet-barva: #69408f; --svet-jemny: color-mix(in srgb, #69408f 9%, transparent);
    --svet-plocha: #ece1f6; --svet-doplnek: #b09bcb;
    --papir: color-mix(in srgb, #ece1f6 30%, #fffdf8);
    --papir-hloubka: color-mix(in srgb, #ece1f6 70%, #f4eddf);
    --papir-jas: color-mix(in srgb, #ece1f6 9%, #ffffff);
    --radius: 16px; --radius-velky: 25px;
  }
  :root[data-vzhled="fantasy"][data-theme="dark"] {
    --svet-barva: #d6b2fa; --svet-jemny: color-mix(in srgb, #d6b2fa 9%, transparent);
    --svet-plocha: #30283f;
    --papir: color-mix(in srgb, #30283f 60%, #0f141c);
    --papir-hloubka: color-mix(in srgb, #30283f 75%, #0f141c);
    --papir-jas: color-mix(in srgb, #30283f 82%, #29323c);
  }
  :root[data-vzhled="fantasy"] body { background: radial-gradient(ellipse at 0% 5%, var(--svet-jemny), transparent 34rem), radial-gradient(circle, var(--svet-jemny) 2px, transparent 2.5px) 5px 12px / 59px 67px, radial-gradient(circle, var(--tecky) 1px, transparent 1.5px) 22px 34px / 41px 53px, var(--papir); }
  :root .vzorek-fantasy { background: #ece1f6; color: #69408f; border-radius: 16px; border: 1px solid #b09bcb; }


  :root[data-vzhled="rytiri"] {
    --svet-barva: #586276; --svet-jemny: color-mix(in srgb, #586276 9%, transparent);
    --svet-plocha: #e6e9ef; --svet-doplnek: #b5a38a;
    --papir: color-mix(in srgb, #e6e9ef 30%, #fffdf8);
    --papir-hloubka: color-mix(in srgb, #e6e9ef 70%, #f4eddf);
    --papir-jas: color-mix(in srgb, #e6e9ef 9%, #ffffff);
    --radius: 4px; --radius-velky: 6px;
  }
  :root[data-vzhled="rytiri"][data-theme="dark"] {
    --svet-barva: #c4d0e7; --svet-jemny: color-mix(in srgb, #c4d0e7 9%, transparent);
    --svet-plocha: #2b303b;
    --papir: color-mix(in srgb, #2b303b 60%, #0f141c);
    --papir-hloubka: color-mix(in srgb, #2b303b 75%, #0f141c);
    --papir-jas: color-mix(in srgb, #2b303b 82%, #29323c);
  }
  :root[data-vzhled="rytiri"] body { background: radial-gradient(ellipse at 0% 5%, var(--svet-jemny), transparent 34rem), repeating-linear-gradient(0deg, transparent 0 39px, var(--tecky) 39px 40px), repeating-linear-gradient(90deg, transparent 0 79px, var(--tecky) 79px 80px), var(--papir); }
  :root .vzorek-rytiri { background: #e6e9ef; color: #586276; border-radius: 6px; border: 1px solid #b5a38a; }


  :root[data-vzhled="dzungle"] {
    --svet-barva: #386b36; --svet-jemny: color-mix(in srgb, #386b36 9%, transparent);
    --svet-plocha: #e0eed3; --svet-doplnek: #a1bb68;
    --papir: color-mix(in srgb, #e0eed3 30%, #fffdf8);
    --papir-hloubka: color-mix(in srgb, #e0eed3 70%, #f4eddf);
    --papir-jas: color-mix(in srgb, #e0eed3 9%, #ffffff);
    --radius: 19px; --radius-velky: 28px;
  }
  :root[data-vzhled="dzungle"][data-theme="dark"] {
    --svet-barva: #a5dc8c; --svet-jemny: color-mix(in srgb, #a5dc8c 9%, transparent);
    --svet-plocha: #263723;
    --papir: color-mix(in srgb, #263723 60%, #0f141c);
    --papir-hloubka: color-mix(in srgb, #263723 75%, #0f141c);
    --papir-jas: color-mix(in srgb, #263723 82%, #29323c);
  }
  :root[data-vzhled="dzungle"] body { background: radial-gradient(ellipse at 0% 5%, var(--svet-jemny), transparent 34rem), radial-gradient(circle, var(--tecky) 1.2px, transparent 1.8px) 0 0 / 37px 41px, var(--papir); }
  :root .vzorek-dzungle { background: #e0eed3; color: #386b36; border-radius: 16px; border: 1px solid #a1bb68; }


  :root[data-vzhled="sport"] {
    --svet-barva: #285f65; --svet-jemny: color-mix(in srgb, #285f65 9%, transparent);
    --svet-plocha: #daece8; --svet-doplnek: #91bab0;
    --papir: color-mix(in srgb, #daece8 30%, #fffdf8);
    --papir-hloubka: color-mix(in srgb, #daece8 70%, #f4eddf);
    --papir-jas: color-mix(in srgb, #daece8 9%, #ffffff);
    --radius: 4px; --radius-velky: 12px;
  }
  :root[data-vzhled="sport"][data-theme="dark"] {
    --svet-barva: #9bdee0; --svet-jemny: color-mix(in srgb, #9bdee0 9%, transparent);
    --svet-plocha: #213637;
    --papir: color-mix(in srgb, #213637 60%, #0f141c);
    --papir-hloubka: color-mix(in srgb, #213637 75%, #0f141c);
    --papir-jas: color-mix(in srgb, #213637 82%, #29323c);
  }
  :root[data-vzhled="sport"] body { background: radial-gradient(ellipse at 0% 5%, var(--svet-jemny), transparent 34rem), repeating-linear-gradient(135deg, transparent 0 60px, var(--tecky) 60px 62px, transparent 62px 120px), var(--papir); }
  :root .vzorek-sport { background: #daece8; color: #285f65; border-radius: 12px; border: 1px solid #91bab0; }