/* TEPLÁ TÉMA (22. 10. 2026)
   ==================================================================
   Prekrýva len farby z tokens.css, nič iné. Načíta sa za styles.css,
   iba keď je v obsah.json → nastavenia.temaTeple = true.

   NÁVRAT NA ČIERNO-BIELU: v obsah.json daj "temaTeple": false
   a spusti `python build.py`. Tento súbor môže ostať nedotknutý.

   Paleta je zo scény: krémová stena, dub, terakotová kvetináč.
   Jeden akcent (terakota) = hlavné tlačidlo a očká nad nadpismi. */

:root {
  --ink: #1f1a14;
  --ink-800: #2a231b;
  --ink-700: #3a3126;
  --ink-600: #52473a;
  --ink-500: #7c6f5e;

  --paper: #faf6ef;
  --paper-200: #f1eadd;
  --paper-300: #e3d9c6;
  --paper-400: #cfc2a8;
  --paper-500: #8a7c64;

  --text-tmavy: #1f1a14;
  --text-tmavy-tichy: #5e5446;
  --text-svetly: #faf6ef;
  --text-svetly-tichy: #b9ad99;

  --cislo-svetle: #8a7c64;
  --cislo-tmave: #7c6f5e;

  --terakota: #a6421e;
  --akcent: var(--terakota);
  --akcent-hover: var(--terakota);
}

/* Tmavé plochy: aliasy sa prepínajú tu, takže akcent musí zostať
   svetlý (ako v tokens.css). */
.sekcia--tien,
.scenar__stlpec--s,
.porovnanie__my,
.ponuka,
.patka {
  --akcent: var(--paper);
  --akcent-hover: var(--paper);
}

/* Každá druhá svetlá sekcia je jemne tónovaná, nech web nie je
   jeden dlhý biely pás. */
#ako-to-prebieha,
#tim,
#faq {
  --plocha: var(--paper-200);
  --plocha-vyvysena: var(--paper);
  --linka: #ddd1ba;
}

/* Očká nad nadpismi v akcentovej farbe (len na svetlom). */
.ocko { color: var(--terakota); }
.sekcia--tien .ocko,
.ponuka .ocko,
.patka .ocko,
.scenar__stlpec--s .ocko,
.porovnanie__my .ocko { color: var(--text-tichy); }

/* Jemné zaoblenie len na tlačidlách; karty ostávajú v mriežke. */
.tlacidlo { border-radius: 6px; }