/* Webová verze (vyrábí web-priprav.ps1): bez loga a bez červené, vše bílé (zákazník 21. 10.:
   „pre verziu na web bez loga a červenej farby, všetko biele“; po zkoušce bez bílého pozadí:
   „nakoniec to môže byť biele“). Vždy světlý vzhled (data-theme="light"). */
:root, :root[data-theme="light"] {
  --pf-cervena: #3b4248; --pf-cervena-t: #23282d;
  --accent: #3b4248; --accent-hi: #23282d; --accent-ink: #ffffff; --accent-soft: #eef1f3;
  --danger: #8a5a00; --danger-soft: #fbf3e2;
  --ground: #ffffff; --surface: #ffffff; --surface-2: #f4f5f6;
  --stage-bg: #ffffff; --stage-bg-2: #eef0f2;
}
/* pruh s názvem: název je už v hlavičce místo loga — pruh by ho opakoval */
.pf-hero { display: none; }
.pf-logo { color: var(--ink); }
.tools, .hintbar, .nadpis-sestavy {
  background: rgba(255, 255, 255, .94); color: var(--ink);
  border: 1px solid var(--line); box-shadow: 0 4px 14px rgba(0, 0, 0, .08);
}
.seg-btn { color: var(--ink-2); }
.seg-btn:hover { background: var(--surface-2); color: var(--ink); }
.seg-btn:has(input:checked) { background: var(--accent); color: #ffffff; }
.seg-btn:has(input:focus-visible) { outline-color: var(--accent); }
.seg-vykres { border-left-color: var(--line); }
.hintbar { color: var(--ink-2); }
.hintbar b { color: var(--ink); }
.nadpis-sestavy { border-left: 3px solid var(--accent); }
.vykres-chyba { color: var(--ink); }
.vykres-plocha svg { filter: drop-shadow(0 4px 14px rgba(0, 0, 0, .12)); }
.strecha-svg .strecha { fill: rgba(59, 66, 72, .12); }