/* ═══════════════════════════════════════════════════════════════════════
   THEME — přepínač dark/light + kompletní světlá varianta (html.light).
   Tmavý režim je výchozí (původní design beze změny); tento soubor ho
   NEUPRAVUJE, pouze přidává překryvy pro html.light.

   Světlá paleta (kontrast na #f6f2ea ověřen):
     pozadí   #f6f2ea (papír) / #efe8db (alt sekce) / #ffffff (karty)
     text     #16141b (primární ~15:1) / rgba(22,20,27,.66) (sekundární ~7:1)
     zlatá    #7a6142 pro text (~5,5:1); #d4b684 zůstává jen jako výplň
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Přepínač (obě témata) ─────────────────────────────────────────────── */

.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 9999px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: rgba(244, 239, 230, 0.75);
  background: transparent;
  cursor: pointer;
  transition: border-color 0.2s, color 0.2s;
  flex: none;
}

.theme-toggle:hover {
  border-color: rgba(212, 182, 132, 0.55);
  color: #d4b684;
}

.theme-toggle svg {
  width: 1.05rem;
  height: 1.05rem;
}

.theme-toggle .icon-sun { display: none; }
.theme-toggle .icon-moon { display: block; }

html.light .theme-toggle {
  border-color: rgba(22, 20, 27, 0.18);
  color: rgba(22, 20, 27, 0.6);
}

html.light .theme-toggle:hover {
  border-color: rgba(122, 97, 66, 0.6);
  color: #7a6142;
}

html.light .theme-toggle .icon-sun { display: block; }
html.light .theme-toggle .icon-moon { display: none; }

/* ── Základ stránky ────────────────────────────────────────────────────── */

html.light body {
  background: #f6f2ea;
  color: #16141b;
}

html.light ::selection {
  background: #16141b;
  color: #f4efe6;
}

/* ── Tailwind utility překryvy — text ──────────────────────────────────── */

html.light .text-cream { color: #16141b; }
html.light .text-cream\/80 { color: rgba(22, 20, 27, 0.8); }
html.light .text-cream\/70 { color: rgba(22, 20, 27, 0.72); }
html.light .text-cream\/60 { color: rgba(22, 20, 27, 0.66); }
html.light .text-cream\/50 { color: rgba(22, 20, 27, 0.58); }
html.light .text-cream\/40 { color: rgba(22, 20, 27, 0.5); }
html.light .text-cream\/30 { color: rgba(22, 20, 27, 0.42); }

html.light .text-gold { color: #7a6142; }
html.light .text-gold-light { color: #8a744e; }
html.light .text-gold\/70 { color: rgba(122, 97, 66, 0.75); }
html.light .text-gold\/40 { color: rgba(122, 97, 66, 0.45); }
html.light .text-gold\/30 { color: rgba(122, 97, 66, 0.35); }

html.light .text-red-400 { color: #b91c1c; }

html.light .hover\:text-cream:hover { color: #16141b; }
html.light .hover\:text-gold:hover { color: #7a6142; }

/* ── Pozadí ────────────────────────────────────────────────────────────── */

html.light .bg-ink-950 { background-color: #f6f2ea; }
html.light .bg-ink-950\/98 { background-color: rgba(246, 242, 234, 0.98); }
html.light .bg-ink-900\/50 { background-color: rgba(239, 232, 219, 0.6); }
html.light .bg-ink-900\/30 { background-color: rgba(239, 232, 219, 0.45); }
html.light .bg-ink-800 { background-color: #e9e2d3; }
html.light .bg-white\/5 { background-color: rgba(22, 20, 27, 0.05); }
html.light .bg-cream\/5 { background-color: rgba(22, 20, 27, 0.05); }
html.light .bg-purple-900\/10 { background-color: rgba(147, 51, 234, 0.05); }
html.light .bg-gold\/10 { background-color: rgba(212, 182, 132, 0.18); }

/* Sekundární tlačítka bg-cream: na světlém pozadí invertovat na tmavá */
html.light .bg-cream { background-color: #16141b; }
html.light .bg-cream.text-ink-950,
html.light .bg-cream .text-ink-950 { color: #f4efe6; }

/* ── Rámečky ───────────────────────────────────────────────────────────── */

html.light .border-white\/5 { border-color: rgba(22, 20, 27, 0.08); }
html.light .border-white\/10 { border-color: rgba(22, 20, 27, 0.13); }
html.light .border-ink-950 { border-color: #f6f2ea; }
html.light .border-ink-900 { border-color: #f6f2ea; }
html.light .border-gold\/20 { border-color: rgba(122, 97, 66, 0.28); }
html.light .border-gold\/50 { border-color: rgba(122, 97, 66, 0.5); }
html.light .hover\:border-gold\/40:hover { border-color: rgba(122, 97, 66, 0.45); }

/* ── Gradienty (karty, fotky, overlay) ─────────────────────────────────── */

html.light .from-ink-700 { --tw-gradient-from: #ddd5c4; }
html.light .from-ink-800 { --tw-gradient-from: #e9e2d3; }
html.light .from-ink-950 { --tw-gradient-from: #f6f2ea; }
html.light .from-ink-950\/90 { --tw-gradient-from: rgba(246, 242, 234, 0.92); }
html.light .to-ink-700 { --tw-gradient-to: #ddd5c4; }
html.light .to-ink-800 { --tw-gradient-to: #e9e2d3; }
html.light .to-ink-900 { --tw-gradient-to: #f1ece1; }
html.light .from-cream { --tw-gradient-from: #16141b; }
html.light .from-cream\/40 { --tw-gradient-from: rgba(22, 20, 27, 0.25); }
html.light .to-cream\/60 { --tw-gradient-to: rgba(22, 20, 27, 0.4); }
html.light .to-gold\/5 { --tw-gradient-to: rgba(212, 182, 132, 0.12); }

/* ── Komponenty ze style.css ───────────────────────────────────────────── */

html.light .glass {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.5));
  border: 1px solid rgba(22, 20, 27, 0.08);
}

html.light .glass-strong {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.65));
  border: 1px solid rgba(22, 20, 27, 0.1);
}

html.light .gradient-text {
  background: linear-gradient(135deg, #16141b 0%, #7a6142 50%, #16141b 100%);
  background-size: 200% 200%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

html.light .dot-grid {
  background-image: radial-gradient(rgba(122, 97, 66, 0.16) 1px, transparent 1px);
}

html.light .mesh-bg {
  background:
    radial-gradient(ellipse 80% 60% at 20% 10%, rgba(212, 182, 132, 0.2), transparent 60%),
    radial-gradient(ellipse 70% 50% at 80% 20%, rgba(180, 140, 200, 0.1), transparent 60%),
    radial-gradient(ellipse 60% 40% at 50% 80%, rgba(212, 182, 132, 0.14), transparent 60%);
}

html.light #main-nav.stuck {
  background: rgba(246, 242, 234, 0.8);
  border-bottom: 1px solid rgba(22, 20, 27, 0.08);
}

html.light .input {
  background: #ffffff;
  border-color: rgba(22, 20, 27, 0.15);
  color: #16141b;
}

html.light .input::placeholder { color: rgba(22, 20, 27, 0.38); }
html.light .input:focus { border-color: #9c8660; }
html.light select.input option { background: #ffffff; color: #16141b; }

html.light .noise::before { opacity: 0.28; }

html.light #hamburger span { background: #16141b; }

/* Hlavní nav — style.css nutí #nav-links a na krémovou přes !important
   (specificity war s utility třídami). Ve světlém režimu MUSÍ vyhrát
   tmavá, jinak je menu na světlém pozadí neviditelné. */
html.light #nav-links a { color: rgba(22, 20, 27, 0.66) !important; }
html.light #nav-links a:hover,
html.light #nav-links a:focus { color: #16141b !important; }

/* Vzorové portfolio — světlá zelená (+8,4 % YTD) je na světlém pozadí
   nečitelná → tmavě zelená, tečka a rámeček chipu ladí s ní. */
html.light .text-green-300 { color: #15803d; }
html.light .bg-green-400 { background-color: #15803d; }
html.light .bg-green-500\/10 { background-color: rgba(21, 128, 61, 0.08); }
html.light .border-green-500\/20 { border-color: rgba(21, 128, 61, 0.25); }

/* Brand mark — jména v logu */
html.light .brand-mark .bm-top,
html.light .brand-mark .bm-bot { color: #16141b; }
html.light .brand-mark .bm-amp { color: #7a6142; }

/* Carousel */
html.light .carousel-dot { background: rgba(22, 20, 27, 0.2); }
html.light .carousel-dot.active { background: #7a6142; }
html.light .reviews-prev,
html.light .reviews-next { color: rgba(22, 20, 27, 0.6); border-color: rgba(22, 20, 27, 0.15); }

/* Progress bar nahoře zůstává zlatý — na světlé je viditelný dost */