/* =====================================================================
   ⭐ RENK PALETİ
   Sitenin BÜTÜN renkleri burada. Bir rengi değiştirmek için aşağıdaki
   değeri düzenlemeniz yeterli — site genelinde otomatik uygulanır.
   ===================================================================== */
:root {

  /* ---------- Yüzeyler ---------- */
  --bg:          #fafafa;   /* sayfa arka planı (saf beyaz değil) */
  --bg-soft:     #f3f4f6;   /* açık gri vurgu bölümleri */
  --surface:     #ffffff;   /* kart / panel yüzeyi */

  /* ---------- Metin ---------- */
  --text:        #18181b;   /* ana metin (saf siyah değil) */
  --text-soft:   #3f3f46;   /* ikincil metin (beyaz zeminde belirgin) */
  --text-faint:  #6b7280;   /* en silik metin */

  /* ---------- Çizgi / kenarlık ---------- */
  --border:      #e8e8ec;
  --border-soft: #f1f1f4;

  /* ---------- Vurgu (TEK ana renk) ---------- */
  --accent:      #2563eb;   /* butonlar, linkler, vurgular */
  --accent-hov:  #1d4ed8;   /* hover durumu */
  --accent-ink:  #ffffff;   /* vurgu üzerindeki yazı */
  --accent-tint: #eaf1ff;   /* çok açık vurgu zemini */

  /* ---------- Durum renkleri (admin) ---------- */
  --ok:          #10b981;
  --ok-tint:     #e7f7f0;
  --danger:      #ef4444;
  --danger-tint: #fdecec;

  /* ---------- Biçim ---------- */
  --radius:      18px;
  --radius-sm:   12px;
  --radius-pill: 999px;
  --shadow:      0 18px 40px -24px rgba(24, 24, 27, .22);
  --shadow-lg:   0 34px 70px -34px rgba(24, 24, 27, .30);
  --ring:        0 0 0 4px var(--accent-tint);

  /* ---------- Tipografi ---------- */
  --font-body:    'Manrope', system-ui, -apple-system, Segoe UI, sans-serif;
  --font-display: 'Manrope', var(--font-body);

  /* ---------- Düzen ---------- */
  --max:         1200px;    /* maksimum içerik genişliği */
  --gutter:      24px;      /* yatay iç boşluk */
}