/* ==========================================================
   SABİT RENK — site her cihazda tasarlanan mürdüm / krem / bakır renklerle görünür.
   Telefonun karanlık modu veya tarayıcının "siteleri otomatik koyulaştır" özelliği
   (Chrome otomatik koyu tema, Samsung Internet karanlık mod vb.) renkleri DEĞİŞTİREMEZ.
   Bu dosya hiçbir rengi değiştirmez; yalnızca mevcut renkleri tarayıcıya karşı sabitler.
   En son yüklenir.
   ========================================================== */

:root {
  color-scheme: only light;            /* "yalnızca açık tema": otomatik koyulaştırmayı kapatır */
}

html, body {
  background-color: #2b2438;
  color: #fff4e2;
}

/* Form öğeleri: tarayıcının kendi (karanlık) varsayılan renklerine düşmesin */
input, textarea, select, button, output {
  color-scheme: only light;
  font-family: inherit;
}
.alan input[type="text"],
.alan textarea {
  background-color: transparent;
  color: #4a2f33;
  -webkit-text-fill-color: #4a2f33;
  caret-color: #8f5535;
  border-bottom-color: rgba(143, 85, 53, .45);
}
.alan input[type="text"]:focus,
.alan textarea:focus { border-bottom-color: #8f5535; }
.alan input::placeholder,
.alan textarea::placeholder { color: rgba(74, 47, 51, .45); -webkit-text-fill-color: rgba(74, 47, 51, .45); }

/* Tarayıcının otomatik doldurma (kayıtlı isim) boyaması: sarı/mavi/koyu zemin yerine kâğıt rengi kalsın */
.alan input:-webkit-autofill,
.alan input:-webkit-autofill:hover,
.alan input:-webkit-autofill:focus,
.alan textarea:-webkit-autofill {
  -webkit-text-fill-color: #4a2f33;
  caret-color: #8f5535;
  -webkit-box-shadow: 0 0 0 1000px transparent inset;
  box-shadow: 0 0 0 1000px transparent inset;
  transition: background-color 99999s ease-in-out 0s;   /* tarayıcı zemini hiç uygulayamaz */
}

.kisi__sayi { color: #4a2f33; }
.kisi__dugme { background-color: transparent; color: #8f5535; }
::selection { background: rgba(185, 116, 74, .35); color: inherit; }

/* Karanlık modda da AYNI değerler. Bu blok bilinçli olarak vardır: bazı tarayıcılar (Samsung
   Internet) sitede karanlık mod kuralı görürse kendi koyulaştırmasını uygulamaz. */
@media (prefers-color-scheme: dark) {
  :root { color-scheme: only light; }
  html, body { background-color: #2b2438; color: #fff4e2; }
  .panel, .kart, .kvkk__kutu, .defter__sayfa { color: #4a2f33; }
  .alan input[type="text"], .alan textarea { background-color: transparent; color: #4a2f33; -webkit-text-fill-color: #4a2f33; }
}