/* BLOG TEMASI — Değiştirmesi kolay tek dosya.
   Buradaki değerleri değiştirip sitenin ZIP paketini yeniden yükle.
   Yönetim panelinin ve yazıların verileri bu dosyada değildir. */

:root {
  /* Ana renkler: CSS hex renkleri (#...) */
  --bg: #f9f7f2;       /* Site arka planı */
  --ink: #232b28;      /* Başlıklar ve ana metin */
  --muted: #68736c;    /* Soluk metinler */
  --green: #1e5148;    /* Buton ve vurgular */
  --green2: #277565;   /* Bağlantılar ve ikinci vurgu */
  --line: #deded4;     /* İnce ayırıcı çizgiler */
  --panel: #fffefb;    /* Yönetim paneli kartları */
  --soft: #ecefe8;     /* Açık renkli kutular */
  --radius: 14px;      /* Yuvarlatılmış köşeler */

  /* Tarayıcıda bulunan yazı tipleri — harici bağlantı gerektirmez */
  --font-body: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-heading: Georgia, 'Times New Roman', serif;

  /* Sayfa genişliği */
  --site-width: 1080px;
}

/* Font ve sayfa genişliği buradaki değişkenleri takip eder. */
body {font-family: var(--font-body);}
h1, h2, h3, .wordmark, .hero h1, .auth-panel h1, .article h1 {
  font-family: var(--font-heading);
}
.site-wrap {max-width: var(--site-width);}

/* Sabit renklerin bazıları da temaya uysun. */
p, .prose p {color: var(--ink);}
.site-header nav, .footer {color: var(--muted);}
.prose blockquote {border-left-color: var(--green2); background: var(--soft); color: var(--ink);}
.prose code, .prose pre {background: var(--soft);}
.stack input, .stack textarea, .stack select {color: var(--ink); border-color: var(--line);}

/* Örnek koyu tema: aşağıdaki kısmı açmak için baştaki ve sondaki
   yorum işaretlerini kaldırabilirsin.
:root {
  --bg: #15191d;
  --ink: #edf0ee;
  --muted: #b0b9b4;
  --green: #5fa99b;
  --green2: #87c7b7;
  --line: #38413d;
  --panel: #1f2529;
  --soft: #29312f;
}
*/