/* =====================================================================
   TASARIM AYARLARI — sitenin bütün görünümü bu dosyadan değişir.

   1) HAZIR TEMA SEÇMEK
      index.html'in en üstündeki satırda:  <html lang="tr" data-tema="murekkep">
      "murekkep" yerine şunlardan birini yazın:
        murekkep  → kâğıt zemin, mürekkep mavisi (varsayılan)
        toprak    → arşiv kâğıdı, kiremit kırmızısı
        zeytin    → açık zemin, zeytin yeşili
        gece      → koyu zemin (her zaman koyu)

   2) KENDİ RENKLERİNİZ
      Aşağıdaki :root bölümündeki renk kodlarını (#1f4e79 gibi) değiştirin.
      Renk kodu bulmak için internette "renk seçici" araması yeterlidir.

   3) KOYU MOD
      Ziyaretçinin cihazı koyu moddaysa site kendiliğinden koyulaşır.
      Bunu istemiyorsanız <html> satırına  data-koyu="hayir"  ekleyin.

   4) YAZI TİPLERİ
      --yazi-baslik ve --yazi-govde değerlerini değiştirin. Google Fonts'tan
      yeni bir yazı tipi seçerseniz index.html'deki fonts.googleapis.com
      bağlantısını da güncelleyin. Bağlantı çalışmazsa site Georgia ve
      sistem yazı tipleriyle açılır; hiçbir şey bozulmaz.
   ===================================================================== */

:root {
  /* Renkler */
  --renk-zemin: #f6f2e9;        /* sayfa arka planı (kâğıt) */
  --renk-zemin-2: #efe8d8;      /* ara bölümlerin arka planı */
  --renk-yuzey: #fffdf8;        /* kartlar */
  --renk-metin: #1f2933;        /* ana yazı */
  --renk-soluk: #5b6672;        /* açıklama yazıları */
  --renk-vurgu: #1f4e79;        /* başlıklar, bağlantılar, düğmeler */
  --renk-vurgu-koyu: #163a5c;   /* düğmenin üzerine gelince */
  --renk-vurgu-yazi: #ffffff;   /* düğme üzerindeki yazı */
  --renk-ikincil: #a85a1c;      /* küçük süsler, etiketler */
  --renk-cizgi: #ded5c1;        /* çerçeve ve ayırıcı çizgiler */
  --renk-doldur: #fff3c4;       /* "buraya yazın" işaretli alanlar */

  /* Yazı tipleri */
  --yazi-baslik: "Fraunces", Georgia, "Times New Roman", serif;
  --yazi-govde: "Source Sans 3", "Segoe UI", system-ui, -apple-system, sans-serif;
  --yazi-boyu: 18px;            /* gövde yazısının boyu */

  /* Biçim */
  --kose: 12px;                 /* kart köşelerinin yuvarlaklığı (0 = keskin) */
  --genislik: 1120px;           /* içeriğin en fazla genişliği */
  --uygulama-yukseklik: 780px;  /* gömülü Tez Kaynak Asistanı penceresi */
}

[data-tema="toprak"] {
  --renk-zemin: #f4ece0;
  --renk-zemin-2: #ebdfcc;
  --renk-yuzey: #fffaf2;
  --renk-metin: #2b2420;
  --renk-soluk: #6b5e55;
  --renk-vurgu: #9a3b20;
  --renk-vurgu-koyu: #7a2d17;
  --renk-ikincil: #36606b;
  --renk-cizgi: #dccbb2;
}

[data-tema="zeytin"] {
  --renk-zemin: #f5f5ee;
  --renk-zemin-2: #e8eadb;
  --renk-yuzey: #ffffff;
  --renk-metin: #22271f;
  --renk-soluk: #5c6455;
  --renk-vurgu: #4a5d23;
  --renk-vurgu-koyu: #384719;
  --renk-ikincil: #8a5a12;
  --renk-cizgi: #d7dbc6;
}

[data-tema="gece"] {
  --renk-zemin: #14181d;
  --renk-zemin-2: #1b2128;
  --renk-yuzey: #1f262e;
  --renk-metin: #e7e3da;
  --renk-soluk: #a3a9ae;
  --renk-vurgu: #8fb8e0;
  --renk-vurgu-koyu: #b3cfea;
  --renk-vurgu-yazi: #10161c;
  --renk-ikincil: #e0a96d;
  --renk-cizgi: #333d47;
  --renk-doldur: #4a4220;
  color-scheme: dark;
}

/* Cihaz koyu moddaysa (data-koyu="hayir" ile kapatılır) */
@media (prefers-color-scheme: dark) {
  html:not([data-koyu="hayir"]):not([data-tema="gece"]) {
    --renk-zemin: #14181d;
    --renk-zemin-2: #1b2128;
    --renk-yuzey: #1f262e;
    --renk-metin: #e7e3da;
    --renk-soluk: #a3a9ae;
    --renk-vurgu: #8fb8e0;
    --renk-vurgu-koyu: #b3cfea;
    --renk-vurgu-yazi: #10161c;
    --renk-ikincil: #e0a96d;
    --renk-cizgi: #333d47;
    --renk-doldur: #4a4220;
    color-scheme: dark;
  }
}