/* marekambroz.com – tmavý režim (html[data-theme="dark"]) */
html[data-theme="dark"] {
  --ink: #f3f1ee;
  --text: #b9b4ae;
  --text-2: #dcd8d3;
  --muted: #8a857f;
  --line: #2a2a2d;
  --soft: #161618;
  --chip-line: #3a3a3e;
  --bg: #0e0e0f;
  --card: #18181a;
  --card-2: #222225;
  color-scheme: dark;
}
html[data-theme="dark"] body { background: var(--bg); color: var(--text); }
:where(html[data-theme="dark"]) a { color: var(--ink); }
:where(html[data-theme="dark"]) a:hover { color: #fff; }
:where(html[data-theme="dark"]) :is(h1, h2, h3) { color: #fff; }
html[data-theme="dark"] :focus-visible { outline-color: #fff; }
html[data-theme="dark"] .skip { background: var(--card); }

/* tlačítka: bílé ↔ tmavé */
html[data-theme="dark"] .btn-out { background: transparent; border-color: #f3f1ee; color: #f3f1ee; }
html[data-theme="dark"] .btn-out:hover { color: #f3f1ee; box-shadow: 3px 3px 0 #f3f1ee; }
html[data-theme="dark"] .send, html[data-theme="dark"] .dl-all { background: #f3f1ee; border-color: #f3f1ee; color: #0e0e0f; }
html[data-theme="dark"] .send:hover, html[data-theme="dark"] .dl-all:hover { background: transparent; color: #f3f1ee; }
html[data-theme="dark"] .send-light { background: transparent; color: #f3f1ee; }
html[data-theme="dark"] .send-light:hover { background: #f3f1ee; color: #0e0e0f; }
html[data-theme="dark"] .svc-go, html[data-theme="dark"] .step-t, html[data-theme="dark"] .sent-icon,
html[data-theme="dark"] .info svg, html[data-theme="dark"] .back:hover { color: #f3f1ee; }
html[data-theme="dark"] .step { border-top-color: #f3f1ee; }

/* filtry */
html[data-theme="dark"] .chip { background: transparent; color: var(--text-2); }
html[data-theme="dark"] .chip:hover { border-color: #f3f1ee; color: #fff; }
html[data-theme="dark"] .chip.on { background: #f3f1ee; border-color: #f3f1ee; color: #0e0e0f; }

/* portfolio – rozmazaný konec do tmavé */
html[data-theme="dark"] .fade { background: linear-gradient(to bottom, rgba(14, 14, 15, 0) 0, rgba(14, 14, 15, .6) 55%, #0e0e0f 100%); }
html[data-theme="dark"] .tile .dl { background: rgba(14, 14, 15, .85); color: #fff; }

/* galerie */
html[data-theme="dark"] .gal-big, html[data-theme="dark"] .gal-small,
html[data-theme="dark"] .gal-big:hover, html[data-theme="dark"] .gal-small:hover,
html[data-theme="dark"] .rule-head h1 { color: #f3f1ee; }
html[data-theme="dark"] .gcard { background: var(--card); border-color: var(--line); color: var(--text-2); }
html[data-theme="dark"] .gcard:hover { color: #fff; box-shadow: 0 12px 30px rgba(0, 0, 0, .5); }
html[data-theme="dark"] .stickybar { background: rgba(14, 14, 15, .94); }
html[data-theme="dark"] .draft { background: var(--card-2); }
html[data-theme="dark"] .sheet-card { background: var(--card); }

/* klienti – loga světlá */
html[data-theme="dark"] .clients { border-top-color: var(--line); }
/* loga klientů: tlumeně šedá (bez zbělání); barvy po najetí zůstávají jen ve světlém režimu */
html[data-theme="dark"] .clients-row img { filter: grayscale(1) invert(1) brightness(.8); opacity: .5; }
html[data-theme="dark"] .clients-row img:hover { filter: grayscale(1) invert(1) brightness(.8); opacity: .75; }

/* reference */
html[data-theme="dark"] .rcard { background: var(--card); border-color: var(--line); box-shadow: none; }
html[data-theme="dark"] .rcard.dark { background: #f3f1ee; border-color: #f3f1ee; color: #3b3838; }
html[data-theme="dark"] .rcard.dark .who b { color: #111; }
html[data-theme="dark"] .rcard.dark .ini { background: #ddd8d2; color: #111; }
html[data-theme="dark"] .ini { background: var(--card-2); color: #f3f1ee; }
html[data-theme="dark"] .who b, html[data-theme="dark"] .rating-num, html[data-theme="dark"] .rating-cta > span,
html[data-theme="dark"] .home-score b, html[data-theme="dark"] .me-name, html[data-theme="dark"] .end-cta p,
html[data-theme="dark"] .legal th { color: #fff; }
html[data-theme="dark"] .verify-note b { color: var(--text-2); }
html[data-theme="dark"] .star-pick label { color: #3a3a3e; }
html[data-theme="dark"] .star-pick label:hover, html[data-theme="dark"] .star-pick label:hover ~ label,
html[data-theme="dark"] .star-pick input:checked ~ label { color: var(--gold); }

/* formuláře */
html[data-theme="dark"] .fld input, html[data-theme="dark"] .fld textarea, html[data-theme="dark"] .fld select {
  background: var(--card); color: #f3f1ee; border-color: #3a3a3e; }
html[data-theme="dark"] .fld input:focus, html[data-theme="dark"] .fld textarea:focus, html[data-theme="dark"] .fld select:focus {
  border-color: #f3f1ee; box-shadow: 0 0 0 3px rgba(255, 255, 255, .1); }
html[data-theme="dark"] .form-err { background: #3a1513; color: #f6c9c4; }
html[data-theme="dark"] .consent input { accent-color: #f3f1ee; }

/* černý pruh se odliší od pozadí */
html[data-theme="dark"] .band { background: #1b1b1d; }
html[data-theme="dark"] .foot { background: #000; border-top: 1px solid var(--line); }

/* cookie lišta */
html[data-theme="dark"] .cookie-bar { background: var(--card); color: var(--text-2); border-color: #f3f1ee; box-shadow: 6px 6px 0 #000; }
html[data-theme="dark"] .cookie-bar b, html[data-theme="dark"] .cookie-bar a, html[data-theme="dark"] .cookie-always { color: #fff !important; }
html[data-theme="dark"] .cookie-btn { background: transparent; border-color: #f3f1ee; color: #f3f1ee; }
html[data-theme="dark"] .cookie-btn:hover { background: #2a2a2d; }
html[data-theme="dark"] .cookie-btn-ghost { border-color: #4a4a4e; }
html[data-theme="dark"] .cookie-switch i { background: #3a3a3e; }
html[data-theme="dark"] .cookie-switch input:checked + i { background: #f3f1ee; }
html[data-theme="dark"] .cookie-switch input:checked + i::after { background: #0e0e0f; }