/* ══════════════════════════════════════════════════════════════════
   OTTEVA — BARVY PRO CELÝ WEB. Jeden soubor, jen proměnné.

   Zadání 16. 9. 2026: „Bílá může být trošku víc béžová, hlavní text
   víc tmavší a klasický text taky tmavší, hůř se mi to čte; jinak barvy
   nechat, jen víc viditelnosti."

   ⛔ TENHLE SOUBOR NEMĚNÍ ANI JEDNO PRAVIDLO ROZLOŽENÍ. Jsou v něm jen
      hodnoty proměnných, které si každá stránka už dávno definuje sama
      ve svém `<style>` / `uvod2.css` / `architekt.css` / `zaklad.css`.
      Vkládá se jako POSLEDNÍ styl v `<head>` a selektor má navíc vyšší
      specificitu (`:root:root`), takže přebije proměnné stránky bez ohledu
      na pořadí — a kdyby se soubor někdy odebral, web se vrátí přesně do
      stavu z 15. 9. 2026.

   ⛔ ZLATÁ SE NEMĚNÍ (`--zlato: #C5A059`) a hnědé „mráčky" (zlaté pilulky
      CHCI OTTEVU / tlačítka) zůstávají přesně jak byly. Zadání: „ty mráčky
      hnědé super, nic bych neměnil." (zadání vedení)

   ─────────────────────────────────────────────────────────────────
   ZMĚŘENÝ KONTRAST (WCAG 2.1, poměr jasů; práh AA = 4,5:1 běžný text,
   7:1 pro hlavní text, který čteme nejvíc)

     text        na pozadí   PŘED                PO
     --inkoust   --krem      13,22  ✅            13,52  ✅
     --tlumene   --krem       3,46  ⛔ pod prahem  8,67  ✅
     --slabe     --krem       1,98  ⛔ pod prahem  5,39  ✅
     --tlumene   --list       3,52  ⛔ pod prahem  9,43  ✅
     --slabe     --list       2,01  ⛔ pod prahem  5,87  ✅
     --tlumene   --krem2      3,38  ⛔ pod prahem  7,93  ✅
     --slabe     --krem2      1,97  ⛔ pod prahem  4,93  ✅

   Proč byl běžný text tak slabý: `--tlumene` a `--slabe` byly PRŮHLEDNÉ
   (`rgba(46,42,37,.56)` a `.34`). Na krémovém podkladu z nich vyšla
   šedá #87847F a #B4B1AC — tedy přesně to, co se špatně četlo.
   Teď jsou to plné barvy, takže se čitelnost nemění podle toho, co je pod nimi.

   ⚠ OTEVŘENÝ NÁLEZ, KTERÝ SE ZÁMĚRNĚ NEOPRAVIL: zlatá jako BARVA PÍSMA
     (nadpisek „OTTEVA" nad titulkem, bílý text na zlaté pilulce) má
     kontrast 2,19:1 resp. 2,46:1 — pod prahem. Zadání znělo „barvy nechat",
     tak se nesahá; návrh na jeho slovo je tmavší zlatá #9C7A33 (4,59:1)
     JEN pro text, pilulky by zůstaly zlaté.
   ══════════════════════════════════════════════════════════════════ */

/* ⚠ `:root:root` (dvakrát) SCHVÁLNĚ: dává specificitu 0,2,0, takže tyhle
   hodnoty přebijí `:root{…}` uvnitř stránky BEZ OHLEDU na pořadí souborů.
   `dotaznik\index.html` totiž vůbec nemá `</head>`, takže se tam link vkládá
   až na konec — a s prostým `:root` by se tam nic neprojevilo. */
:root:root {
  /* ── pozadí: teplá bílá → světle béžová ─────────────────────────── */
  --krem:  #F7F1E6;   /* bylo #F9F6F1 — hlavní plocha stránky */
  --krem2: #EFE7D8;   /* bylo #F2ECE2 — střídavý pás sekcí     */
  --list:  #FFFBF2;   /* bylo #FFFDFA — papír / karta          */
  --karta: #FCF7EC;   /* bylo #FDFBF7 — karta na straně START  */

  /* ── písmo: obojí tmavší, obojí bez průhlednosti ─────────────────── */
  --inkoust: #2A251E;   /* bylo #2E2A25 — hlavní text          */
  --tlumene: #4A433A;   /* bylo rgba(46,42,37,.56) — běžný text */
  --slabe:   #6B6155;   /* bylo rgba(46,42,37,.34) — popisky   */
  --sedy:    #4A433A;   /* bylo rgba(46,42,37,.6) — jen /linka/ */

  /* ── linky: o stupeň viditelnější, pořád jen náznak ──────────────── */
  --linka: #E2D6BE;     /* bylo #E8DECB */

  /* ── zlatá BEZE ZMĚNY (zadání: „jinak barvy nechat") ────────────────── */
  --zlato: #C5A059;
}

/* ══════════════════════════════════════════════════════════════════
   DOŠLAPOVACÍ BLOK — drobné popisky, které NEBEROU proměnnou.

   Změřeno 16. 9. 2026 na živých stránkách (skutečná vykreslená barva proti
   skutečnému pozadí, ne hodnota v souboru): po výměně proměnných zbylo pár
   míst, kde je barva napsaná natvrdo jako průhledný inkoust s velmi nízkou
   krycí hodnotou — `rgba(46,42,37,.42)` až `.6`. Na béžovém podkladu z toho
   vychází 2,4–3,2:1, tedy pod prahem AA, a je to přesně ten „klasický text",
   který se špatně čte: zdroje pod grafy, poznámky u ceny, „Zpět na úvod".

   ⛔ Mění se JEN barva písma, nic jiného — žádná velikost, žádné rozložení.
   ⛔ `!important` je tu schválně: původní pravidla jsou uvnitř stránky a jsou
      specifičtější. Bez něj by blok nic neudělal a vypadal by jako hotový.
   ⛔ Zlatá (`.zlate`, nadpisky, pilulky) se sem NEPŘIDÁVÁ — ta se nemění.
   ══════════════════════════════════════════════════════════════════ */

.zdroj, .vlabel, .cena_pozn, .pomoc, .zpet,
p.zdroj, p.vlabel, p.cena_pozn, p.pomoc, a.zpet {
  color: #4A433A !important;      /* 8,67:1 na --krem, 9,43:1 na --list */
}

/* ══════════════════════════════════════════════════════════════════
   ZLATÁ JAKO BARVA PÍSMA → TMAVŠÍ ZLATÁ. (rozhodnutí 16. 9. 2026)

   Zadání: „víc čitelnosti, barvy nechat." Zlatá `#C5A059` je krásná jako
   PLOCHA, ale jako PÍSMO má na béžovém podkladu kontrast **2,19:1** — pod
   prahem AA (4,5:1). Tmavší zlatá **`#81642D`** je oku pořád táž zlatá — **stejný
   odstín i sytost** (HSL 39,4° / 48 %), jen tmavší (L 56 % → 34 %) — a dává
   **4,50:1 na nejtmavším světlém podkladu** a 4,92:1 na hlavní ploše.

   ⚠ ZMĚŘENO, NE ODHADNUTO: první návrh `#9C7A33` dával na nové béžové jen
     **3,56:1**, tedy pořád pod prahem (dřívější odhad 4,59:1 byl počítaný proti
     staré bílé `#F9F6F1`, ne proti béžové — chyba v odhadu, opraveno měřením).
     `#81642D` je NEJSVĚTLEJŠÍ zlatá, která projde na všech čtyřech podkladech —
     tedy nejmenší možný zásah do značky, který splní zadání.

   ⛔ `--zlato` se NEMĚNÍ. Pilulky (CHCI OTTEVU), mráček Laury, zlaté plochy,
      rámečky, pruhy a bílý text na zlatém pozadí zůstávají přesně jak byly.
      Mění se JEN `color:` u pravidel, která zlatou používaly jako barvu písma.
   ⛔ Seznam níž není odhad: vznikl strojovým průchodem VŠECH živých CSS
      (`uvod2.css`, `architekt.css`, `zaklad.css`, `styl.css`, `inzerat.css`,
      `vlozit.css` + `<style>` uvnitř sedmi stránek) — vybraly se přesně ta
      pravidla, jejichž blok nastavuje `color: var(--zlato)` nebo `#C5A059`.
      Pozadí, rámečky a `fill` se ignorovaly. 61 pravidel, 59 selektorů.
   ⛔ `!important` je nutné: původní pravidla jsou uvnitř stránek a některá
      jsou specifičtější (`.hero .hook`, `.krok:has(...) .poradi`).

   ⚠ TMAVÝ PÁS: na `.tmavy` (tmavě hnědé pozadí `#24211D` na `/reality/`)
     by tmavší zlatá čitelnost ZHORŠILA. Proto se tam proměnná vrací na
     původní `#C5A059` — jedním řádkem, protože se dědí. Kdyby přibyl další
     tmavý blok, přidá se sem jeho třída a nic jiného se neřeší.
   ══════════════════════════════════════════════════════════════════ */

:root:root { --zlato-text: #81642D; }   /* --krem 4,92 · --krem2 4,50 · --list 5,36 · --karta 5,18 */

.tmavy { --zlato-text: #C5A059; }       /* na tmavém podkladu platí světlá zlatá */

.beat-cas, .beat-konec h3, .body b, .bublina-odkaz, .cert-nad, .cert-podpis a,
.cislo-svetlo, .ctyri-cislo, .ctyri-pata a:hover, .den-cas, .detail-cena span,
.drobecky a:hover, .dvere svg, .fotky .mist, .hc-trh a, .hero .hook, .hledani-vic:hover,
.hook, .hotovo .poradi, .hp-rukojet, .hp-tab:hover, .ikona,
.jazyky button[aria-current="true"], .kalk-pole.nase b, .kalk-uspora b, .karta-mesto,
.kontakt a, .krok-cislo, .krok-konec h3, .krok:has(input:checked) .poradi, .kroky span,
.kroky-pas li.hotovo b::after, .logo span,
.mapa-nabidky .leaflet-control-attribution a, .nak-stupen i, .obl-stitek,
.obl-vic summary, .odkaz-zlat, .panel-radek .zl, .pas-mriz b, .pata-hook,
.pata-menu a:hover, .pod a, .prohlidka-stav.hotovo, .rec-odpoved b, .rec-retez a,
.souhlas a, .stat b, .stav-seznam b, .stav-seznam li.bezi b::after, .tlac-obrys:hover,
.tlac-tich:hover, .velke b, .dlazdice .fajf, .zn.overeno, .znacka, .znak,
footer a:hover, legend {
  color: var(--zlato-text) !important;
}

/* ── DVĚ TŘÍDY, KTERÉ ZNAMENAJÍ NA KAŽDÉ STRÁNCE NĚCO JINÉHO ────────
   Změřeno 16. 9. na všech živých CSS: `.cislo` a `.hook` jsou zlaté jen
   NĚKDE, jinde jsou to obyčejné šedé popisky. Plošné pravidlo výš by je
   obarvilo zlatě i tam, kde zlaté nikdy nebyly — tedy změna vzhledu, kterou
   nikdo nechtěl. Proto se rozlišuje podle stylopisu, který si stránka načítá.

     .cislo  zlaté v  uvod2.css (úvodní a 404) · architekt.css · zaklad.css (reality)
             šedé  v  /proc/, /start/, /bezpeci/   (rgba(46,42,37,.4) a --slabe)
     .hook   zlatý v  /proc/ (.hero .hook) a /bezpeci/
             šedý  v  uvod2.css (.slovo .hook) a architekt.css (.podtext,.hook)

   `:has()` umí každý dnešní prohlížeč; kdyby ne, pravidlo se přeskočí a platí
   původní barva — tedy nikdy ne horší stav, než byl 15. 9.
   ─────────────────────────────────────────────────────────────────── */

html:has(link[href$="uvod2.css"]) .cislo,
html:has(link[href$="architekt.css"]) .cislo,
html:has(link[href$="zaklad.css"]) .cislo { color: var(--zlato-text) !important; }

html:has(link[href$="uvod2.css"]) .hook,
html:has(link[href$="architekt.css"]) .hook { color: var(--tlumene) !important; }

/* ── ještě dva popisky, které proměnnou neberou (změřeno na /start/) ── */
footer:not(.ott-pata-jedna) { color: #4A433A !important; }   /* „Zpět na úvod" */
.karta .prazdno { color: #4A433A !important; }               /* „Vyber aspoň jednu věc." */
