/* fotky.sk – bez JavaScriptu, bez cudzích písiem */
:root {
  --tmava: #1f2933;
  --jantar: #e8a33d;
  --jantar-text: #8a5a10;   /* jantárová dosť tmavá na text na svetlom pozadí (kontrast ≥ 4,5) */
  --pozadie: #f7f5f0;
  --text: #1f2933;
  --tlmeny: #52606d;
  --ciara: #e2ddd3;
  --biela: #ffffff;
}
@media (prefers-color-scheme: dark) {
  :root {
    --pozadie: #15191e;
    --text: #e7e3db;
    --tlmeny: #a8b0b8;
    --ciara: #2c343c;
    --biela: #1c2228;
    --jantar-text: #e8a33d;
  }
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--pozadie);
  color: var(--text);
  font: 1.0625rem/1.7 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.obal { max-width: 46rem; margin: 0 auto; padding: 0 1rem; }
a { color: var(--jantar-text); text-underline-offset: .15em; }
a:hover { text-decoration-thickness: 2px; }

.hlavicka { background: var(--tmava); color: #fff; padding: 1.1rem 0; }
.hlavicka .obal { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.logo { color: #fff; text-decoration: none; font-weight: 800; font-size: 1.6rem; letter-spacing: -.02em; }
.logo span { color: var(--jantar); }
.slogan { margin: 0; color: #c9ced4; font-style: italic; }

main.obal { padding-top: 2rem; padding-bottom: 3rem; }
h1 { font-size: clamp(1.9rem, 5vw, 2.6rem); line-height: 1.15; margin: 0 0 1rem; letter-spacing: -.02em; }
h2 { font-size: 1.35rem; line-height: 1.3; margin: 2.2rem 0 .6rem; }
p { margin: 0 0 1rem; }

.foto { margin: 1.25rem 0 1.5rem; }
.foto img { display: block; width: 100%; height: auto; border-radius: .75rem; background: var(--ciara); }
section::after { content: ""; display: block; clear: both; }
@media (min-width: 40rem) {
  .foto.na-vysku { float: right; width: 18rem; margin: .4rem 0 1rem 1.5rem; }
}
@media (max-width: 39.99rem) {
  .foto.na-vysku img { max-height: 75vh; object-fit: cover; }
}

.obsah { background: var(--biela); border: 1px solid var(--ciara); border-radius: .75rem; padding: 1rem 1.25rem; margin: 2rem 0 1rem; }
.obsah h2 { margin: 0 0 .4rem; font-size: 1rem; text-transform: uppercase; letter-spacing: .06em; color: var(--tlmeny); }
.obsah ol { margin: 0; padding-left: 1.3rem; }
section { scroll-margin-top: 1rem; }

.strucne { margin-top: 2.5rem; background: var(--tmava); color: #fff; border-radius: .75rem; padding: 1.25rem 1.5rem; }
.strucne h2 { margin: 0 0 .5rem; color: var(--jantar); }
.strucne ul { margin: 0; padding-left: 1.2rem; }
.strucne li { margin: .25rem 0; }

.chyba { padding: 2rem 0 4rem; }
.paticka { border-top: 1px solid var(--ciara); color: var(--tlmeny); font-size: .9rem; padding: 1.25rem 0 2rem; }
.paticka p { margin: 0; }