/*
  Atelier Editorial 1.0.0 — tokeny.css (kontrakt 1.0, úroveň B, režim "svetly").
  Paleta: krémový papír, slonovinové plochy, teplý tmavý inkoust, střídmý vínový akcent, espresso pro tmavé plochy.
  Jen custom properties v hostitelích kontraktu (04-TOKENY.md). Písmo motivu (systémový serif pro titulky)
  se nastavuje ve styl.css, protože kontrakt nemá token pro písmo nadpisů e-shopu.
  Kontrast všech dvojic je v QA.md kap. 7 (výstup kontrola.php).
*/

html:root {
  --ink: #1d1a16;
  --night: #15110f;
  --paper: #f4eee3;
  --white: #fbf8f2;
  --red: #a93d52;
  --muted: #5a5249;
  --line: #ddd3c2;
  --ease: cubic-bezier(.22, .61, .36, 1);

  /* Rubriky a články CMS (hlavička, patička, Blog): espresso místo uhlové, vínová místo signální červené */
  --re-bg-2: #221c19;
  --re-red: #c24a5c;
  --re-red-hover: #a93d52;
  --re-ease: cubic-bezier(.22, .61, .36, 1);
  --re-radius: 4px;
}

:root .esh {
  --esh-white: #fbf8f2;
  --esh-red: #8a2c40;
  --esh-red-dark: #6c2133;
  --esh-night: #1d1815;
  --esh-line-strong: #857a6c;
  --esh-foto: #ffffff;
  --esh-green: #1e6438;
  --esh-amber: #875209;
  --esh-yellow: #f1d77e;
  --esh-focus: #a6541d;
  --esh-ease: cubic-bezier(.22, .61, .36, 1);
}

:root .esh.esf {
  --esf-radius: 14px;
  --esf-mekka: #f2ebdf;
  --esf-zvyrazneni: #f4e2a1;
  --esf-stin: 0 18px 50px rgba(29, 24, 21, .2);
}

:root .esh-hs {
  --hs-red: #8a2c40;
  --hs-mark: #f4e2a1;
  --hs-green: #1e6438;
  --hs-amber: #875209;
}

:root .esh.esh-por {
  --esh-por-nejlepsi: #e4eee1;
}

:root .esh-por-lista {
  --esh-por-l-night: #1d1815;
}

:root .esh-rec, :root .esh-rec-mini, :root .esh-rec-ucet {
  --rec-gold: #876010;
  --rec-gold-soft: #f3e2b8;
  --rec-radius: 12px;
}

:root .esh.esh-tit {
  --esh-tit-sklo: rgba(21, 17, 15, .72);
  --esh-tit-sklo-silne: rgba(21, 17, 15, .84);
  --esh-tit-pas: rgba(21, 17, 15, .46);
  --esh-tit-linka: rgba(255, 248, 236, .14);
  --esh-tit-linka-silna: rgba(255, 248, 236, .42);
  --esh-tit-text-2: rgba(255, 250, 242, .92);
  --esh-tit-text-3: rgba(255, 250, 242, .84);
  --esh-tit-papir: rgba(251, 248, 242, .97);
  --esh-tit-cervena: #f2a0a6;
}

:root .esh.esh-ucet {
  --esh-ucet-red: #8a2c40;
  --esh-ucet-red-dark: #6c2133;
  --esh-ucet-green: #1e6438;
  --esh-ucet-amber: #875209;
  --esh-ucet-c1: #8a2c40;
  --esh-ucet-c3: #9c6b3f;
  --esh-ucet-c5: #d8c7a6;
  --esh-ucet-radius: 10px;
}

/* Zákaznický účet — světlý režim motivu */
:root .esh.esh-pf {
  --pf-radius: 12px;
  --pf-radius-s: 8px;
  --pf-surface: #fdfbf7;
  --pf-surface-2: #ede5d8;
  --pf-line-strong: #b8ad9c;
  --pf-field-border: #857a6c;
  --pf-red: #8a2c40;
  --pf-red-hover: #6c2133;
  --pf-red-text: #8a2c40;
  --pf-red-soft: #f5e4e6;
  --pf-brass: #a8834a;
  --pf-brass-text: #74552a;
  --pf-ok: #1e6438;
  --pf-ok-bg: #e3efe3;
  --pf-warn: #7a4a06;
  --pf-warn-bg: #f8ebd3;
  --pf-info: #2a4f7a;
  --pf-info-bg: #e4ebf3;
  --pf-focus: #8a2c40;
  --pf-shadow: 0 1px 2px rgba(29, 24, 21, .05), 0 18px 40px -26px rgba(29, 24, 21, .32);
  --pf-shadow-hover: 0 2px 4px rgba(29, 24, 21, .06), 0 26px 50px -26px rgba(29, 24, 21, .42);
  --pf-input-bg: #ffffff;
  --pf-ghost: #e6ddcf;
}

/* Zákaznický účet — tmavý režim (volba „Tmavý“) zachovaný v tónech espressa */
:root .esh.esh-pf[data-esh-pf-motiv="tmavy"] {
  --pf-bg: #15110f;
  --pf-surface: #1f1a17;
  --pf-surface-2: #2a2420;
  --pf-ink: #f4eee3;
  --pf-muted: #b9ae9f;
  --pf-line: #352d28;
  --pf-line-strong: #52473f;
  --pf-field-border: #7a6f65;
  --pf-red-hover: #b2475c;
  --pf-red-text: #f0a2ad;
  --pf-red-soft: rgba(240, 162, 173, .13);
  --pf-brass: #c9a468;
  --pf-brass-text: #dcbd85;
  --pf-ok: #86d39d;
  --pf-ok-bg: rgba(134, 211, 157, .12);
  --pf-warn: #f0c070;
  --pf-warn-bg: rgba(240, 192, 112, .12);
  --pf-info: #9fc2ec;
  --pf-info-bg: rgba(159, 194, 236, .12);
  --pf-focus: #f0a2ad;
  --pf-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 18px 40px -26px rgba(0, 0, 0, .8);
  --pf-shadow-hover: 0 2px 4px rgba(0, 0, 0, .35), 0 26px 50px -24px rgba(0, 0, 0, .9);
  --pf-input-bg: #1a1613;
  --pf-ghost: #2f2823;
}

/* Tmavý účet v režimu „auto“ při tmavém systému: tytéž hodnoty (03-KONTRAKT kap. 11.2) */
@media (prefers-color-scheme: dark) {
  :root .esh.esh-pf[data-esh-pf-motiv="auto"] {
    --pf-bg: #15110f;
    --pf-surface: #1f1a17;
    --pf-surface-2: #2a2420;
    --pf-ink: #f4eee3;
    --pf-muted: #b9ae9f;
    --pf-line: #352d28;
    --pf-line-strong: #52473f;
    --pf-field-border: #7a6f65;
    --pf-red-hover: #b2475c;
    --pf-red-text: #f0a2ad;
    --pf-red-soft: rgba(240, 162, 173, .13);
    --pf-brass: #c9a468;
    --pf-brass-text: #dcbd85;
    --pf-ok: #86d39d;
    --pf-ok-bg: rgba(134, 211, 157, .12);
    --pf-warn: #f0c070;
    --pf-warn-bg: rgba(240, 192, 112, .12);
    --pf-info: #9fc2ec;
    --pf-info-bg: rgba(159, 194, 236, .12);
    --pf-focus: #f0a2ad;
    --pf-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 18px 40px -26px rgba(0, 0, 0, .8);
    --pf-shadow-hover: 0 2px 4px rgba(0, 0, 0, .35), 0 26px 50px -24px rgba(0, 0, 0, .9);
    --pf-input-bg: #1a1613;
    --pf-ghost: #2f2823;
  }
}

/* Garáž: signální barvy ve středním tónu, 3 : 1 na světlém i tmavém povrchu účtu */
:root .esh-gz {
  --gz-sig-ok: #3c8a55;
  --gz-sig-brzy: #b07a1a;
  --gz-sig-po: #d0584e;
}

@media (prefers-reduced-motion: reduce) {
  html:root {
    --re-dur: 0ms;
    --re-dur-fast: 0ms;
  }
}