@media (prefers-color-scheme: dark) {
  body {
    background-color: #111;
    color: #fff;
  }
  body a {
    color: #9bcfff;
  }
}

@media (prefers-color-scheme: light) {
  body {
    background-color: #fff;
    color: #111;
  }
  body a {
    color: #111;
  }
}
:root {
  --bg-color: #fff;
  --text-color: #111;
  --link-color: #111;
}

body.dark-mode {
  --bg-color: #111;
  --text-color: #fff;
  --link-color: #fff;
}

body {
  background: var(--bg-color) !important;
  color: var(--text-color) !important;
}

body a {
  color: var(--link-color) !important;
}

/* ========================================================================
   TEMA RENK ZORLAYICI (DÜZELTİLMİŞ)
   NOT: Class ismi JS ile uyumlu olması için .dark-theme yapıldı
   ======================================================================== */

/* 1. AYDINLIK MOD (VARSAYILAN) */
body {
    background-color: #ffffff !important;
    color: #111111 !important;
}

/* Tüm yazıları aydınlık modda siyaha zorla */
.baslik-fontu, .etiketler, .giris, .yazi p, h1, h2, h3, h4, h5, h6, p, span, li, a {
    color: #111111 !important;
}

/* 2. KOYU MOD (DARK MODE) - Class İsmi: .dark-theme */
body.dark-theme { 
    background-color: #111111 !important;
    color: #ffffff !important;
}

/* Koyu modda tüm yazıları beyaza zorla */
body.dark-theme .baslik-fontu,
body.dark-theme .etiketler,
body.dark-theme .giris,
body.dark-theme .yazi p,
body.dark-theme .yazi,
body.dark-theme h1, 
body.dark-theme h2, 
body.dark-theme h3, 
body.dark-theme h4, 
body.dark-theme h5, 
body.dark-theme h6,
body.dark-theme p, 
body.dark-theme span, 
body.dark-theme li,
body.dark-theme a {
    color: #ffffff !important;
}