/* =============================================================
   ENYED — Light Mode Overrides (12. Modül)

   Bu dosya eskiden ~60 kural ile her bileşenin rengini tek tek
   eziyordu. Artık palet tokens.css içinde `body.light` altında
   dönüyor (--bg, --fg, --dim, --line, --gold-bright...), bu yüzden
   bileşenlerin çoğu kendiliğinden doğru renkleniyor.

   Burada yalnızca token ile çözülemeyen üç şey kalır:
   tema düğmesinin kendisi, sabit renkli birkaç yüzey ve
   açık zeminde kontrastı yetmeyen altın kullanımları.
   ============================================================= */

body.light ::selection { background: var(--navy); color: #fff; }

/* ---------- Tema değiştirme düğmesi ---------- */
.theme-toggle {
  width: 38px; height: 38px; border-radius: 50%;
  border: 1px solid var(--line); background: transparent;
  display: flex; align-items: center; justify-content: center;
  color: var(--fg); flex-shrink: 0; cursor: pointer;
  transition: border-color .2s, color .2s;
}
.theme-toggle:hover { border-color: var(--gold); color: var(--gold-bright); }
.theme-toggle svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 1.6; }
.theme-toggle .icon-sun { display: none; }
body.light .theme-toggle .icon-moon { display: none; }
body.light .theme-toggle .icon-sun { display: block; }

/* ---------- Sabit renkli yüzeyler ---------- */
body.light nav.site-nav { background: rgba(255, 255, 255, .82); }
body.light .links { background: rgba(255, 255, 255, .98); }
body.light .mobile-tabbar { background: rgba(255, 255, 255, .94); }
body.light footer {
  background:
    radial-gradient(ellipse 80% 60% at 50% 0%, rgba(198, 144, 35, .10), transparent),
    var(--bg-sunken);
}

body.light .hero {
  background:
    radial-gradient(120% 90% at 78% 32%, rgba(198, 144, 35, .10), transparent 60%),
    linear-gradient(180deg, #FFFFFF 0%, var(--bg) 62%);
}

body.light .cta-band {
  background:
    radial-gradient(70% 120% at 50% 0%, rgba(198, 144, 35, .12), transparent 70%),
    var(--bg-elevated);
}

body.light #preloader { background: #fff; }
body.light .preloader-mark .track { stroke: rgba(1, 36, 78, .14); }
body.light .quote-modal { background: #fff; box-shadow: 0 24px 70px rgba(1, 36, 78, .16); }

/* ---------- Beyaz bant, açık temada zaten beyaz ---------- */
/* Açık temada .panel--light ile sayfa zemini aynı renge gelir;
   ayırt edilebilmesi için ince bir çerçeve bırakılır. */
body.light .panel--light {
  background: var(--bg-elevated);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

/* ---------- Altın, beyaz üzerinde koyulaşır ---------- */
/* --gold-bright token'ı body.light altında zaten koyulaştırılmıştı;
   dolu altın zemin üzerindeki metnin de koyu kalması gerekir. */
body.light .btn-primary,
body.light .cta,
body.light .menu-cta,
body.light .country-chip:hover,
body.light .blog-card-tag,
body.light .testi-avatar,
body.light .mobile-tabbar button#tabbarQuote,
body.light .lang-switch button.active,
body.light .lang-switch a.active {
  background: var(--gold);
  color: #0B1220;
  border-color: var(--gold);
}

body.light .burger span { background: var(--navy); }
body.light .img-band-quote { background: rgba(255, 255, 255, .88); color: var(--navy); }
body.light .testi-quote { color: #1C2A3D; }