/* The coloured theme in nature's colours (docs/tasks/2026-10-18_port_vstup_a_temy.md 1; the owner: "more colourful than
   the minimal"): moss is the accent on the dark (the tokens --warm and --ember in styles.css, a deep forest on the sand),
   and here the rest of the palette - a lake blue for the small labels, an earth terracotta for the main price, a warm
   sand for the paper and its passes out of the forest-tinted dark. Only the coloured theme: the minimal sets its own. */
html:not([data-tema="minimal"]) {
  --jazero: #7EB2C4;     /* lake */
  --terakota: #CC7A55;   /* earth */
  --piesok: #EFE7D4;     /* sand (= --paper) */
}
html:not([data-tema="minimal"]) .eyebrow:not(.eyebrow-dark) { color: var(--jazero); }
html:not([data-tema="minimal"]) :is(.how, .klienti) .eyebrow { color: #9A5536; }
html:not([data-tema="minimal"]) :is(.cena-karta--hlavna, .hero-cena--hlavna) { border-color: rgba(204, 122, 85, .5); }
html:not([data-tema="minimal"]) :is(.cena-karta--hlavna .cena-suma, .hero-cena--hlavna b) { color: var(--terakota); }
html:not([data-tema="minimal"]) .mark i::after { border-color: rgba(126, 178, 196, .7); }
html:not([data-tema="minimal"]) a:not(.btn):hover { text-decoration-color: var(--jazero); }

/* the passes between the forest dark and the sand */
html:not([data-tema="minimal"]) :is(.how, .klienti) {
  background: linear-gradient(180deg, var(--bg) 0, #1d2a20 calc(var(--pr) * .3), #a9ad92 calc(var(--pr) * .72), var(--paper) var(--pr),
    var(--paper) calc(100% - var(--pr)), #a9ad92 calc(100% - var(--pr) * .72), #1d2a20 calc(100% - var(--pr) * .3), var(--bg) 100%); }
/* the background that says code (kod.js): a picture of code that a transform carries slowly up, behind the page; faint,
   fainter in the middle where the words are; the minimal theme has none */
html:not([data-tema="minimal"]) body { background: transparent; }
.kod-pozadie { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; opacity: 0; transition: opacity 1.6s ease;
  -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .4) 22%, rgba(0, 0, 0, .28) 50%, rgba(0, 0, 0, .4) 78%, rgba(0, 0, 0, .8) 100%);
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .4) 22%, rgba(0, 0, 0, .28) 50%, rgba(0, 0, 0, .4) 78%, rgba(0, 0, 0, .8) 100%); }
.kod-pozadie.je { opacity: .16; }
[data-tema="minimal"] .kod-pozadie { display: none; }
.kod-pas { position: absolute; left: 0; right: 0; top: 0; height: calc(var(--kod-h) * 2 + 100vh); background-repeat: repeat; background-position: 0 0;
  will-change: transform; animation: kod-plynie 150s linear infinite; }
@keyframes kod-plynie { to { transform: translateY(calc(var(--kod-h) * -1)); } }
.kod-pas.kod-stoji { animation: none; }
@media (prefers-reduced-motion: reduce) { .kod-pas { animation: none; } }
@media (max-width: 760px) {
  .kod-pozadie.je { opacity: .12; }
}