/* ============================================================
   Čiernobiely vzhľad LEN PRE WEB (smdlazba.pages.dev).
   Zákazník 21. 10. 2026: na webe biele pozadie, všade čierne písmo,
   nič červené, nič nepripomína PREFA. Projekt a ukážka na USB majú
   pôvodný firemný vzhľad PREFA (style.css).
   web-priprav.ps1 -BezLoga tento súbor skopíruje do kópie pre web,
   pripojí ho za style.css a nastaví <html data-theme="light">.
   ============================================================ */

:root, :root[data-theme="light"] {
  --pf-cervena:   #1a1a1a;
  --pf-cervena-t: #000000;
  --pf-vinova:    #1a1a1a;
  --ground:       #ffffff;
  --accent:       #1a1a1a;
  --accent-hi:    #000000;
  --accent-ink:   #ffffff;
  --accent-soft:  #f0f0f0;
  --danger:       #1a1a1a;
  --danger-soft:  #f2f2f2;
  --stage-bg:     #ffffff;
  --stage-bg-2:   #eeeeee;
  --plocha-gl:    .95 .95 .95;   /* okolie fotky vo WebGL (app.js) */
}

/* hlavička bez tmavej fotky dlažby */
.pf-hero { background: #ffffff; border-bottom: 1px solid var(--line); }
.pf-hero h1 { color: var(--ink); text-shadow: none; }
.pf-hero p  { color: var(--ink-2); text-shadow: none; }

/* lišty a okná nad fotkou: biele s čiernym písmom */
.tools, .navod-box, .skladba {
  background: rgba(255, 255, 255, .93);
  border: 1px solid var(--line);
  box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
}
.navod {
  background: rgba(255, 255, 255, .98);
  border: 1px solid var(--line);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .18);
  color: var(--ink);
}
.navod h3, .navod b { color: var(--ink); }
.navod kbd { background: rgba(0, 0, 0, .05); border: 1px solid var(--line-strong); }
.navod h4, .sk-popis { color: var(--ink-3); }
.sk-vedle { border-left-color: var(--line); color: var(--ink-3); }
.zoom-group { border-left-color: var(--line); }
.seg-btn, .sk-btn, .tool-btn { color: var(--ink-2); }
.seg-btn:hover, .sk-btn:hover, .tool-btn:hover { background: rgba(0, 0, 0, .06); color: var(--ink); }
.seg-btn:has(input:checked), .sk-btn.sel, .tool-btn.active { color: #fff; }
.seg-btn:has(input:focus-visible), .sk-btn:focus-visible { outline-color: var(--accent-hi); }
.hintbar { background: rgba(255, 255, 255, .94); border: 1px solid var(--line); color: var(--ink); }
.hintbar b { color: var(--ink); }
.hintbar.flash { background: rgba(255, 255, 255, .97); border-color: var(--line-strong); }

/* úvodná výzva bez fotky */
.dropzone { color: var(--ink-2); }
.dz-icon { color: var(--ink-3); }
.dropzone h2 { color: var(--ink); }
.dz-privacy { color: var(--ink-3); }

/* kontrola knižnice a odhad bez farieb */
.libcard.warn .libtag, .libcard.ok .libtag { color: var(--ink-2); }
.odhad.slaba { border-left-color: var(--accent); }