/* ==========================================================================
   TASARIM BELİRTEÇLERİ
   Referans tasarımdan çıkarılan tek kaynak. Renk, ölçü ve boşluk değerleri
   şablonlara doğrudan yazılmaz; hepsi buradan okunur. Böylece müşteri
   onayında bir değer değişince tüm site birlikte değişir.
   ========================================================================== */

:root {
  /* — Renk —
     Referansta vurgu rengi yok; koyu lacivert hem metin hem vurgu görevinde.
     Mevcut sitenin kırmızı+üçgen dili tamamen terk edildi. */
  --renk-murekkep:      #1C2B3A;  /* başlıklar, butonlar, koyu zeminler */
  --renk-murekkep-acik: #46586B;  /* ikincil koyu metin */
  --renk-solgun:        #6B7280;  /* gövde metni, açıklamalar */
  --renk-kagit:         #FFFFFF;
  --renk-tas:           #F2F0ED;  /* bölüm zemini */
  --renk-tas-koyu:      #EAE7E1;
  --renk-cizgi:         #E2DFDA;  /* ince ayraçlar */

  /* Fotoğraf üstü okunurluk. Bugün Blend Lab'de öğrenildi: fotoğrafı
     koyultmak yerine metne kendi zeminini vermek, görseli yaşatır. */
  --ortu-hafif:  rgba(28, 43, 58, .28);
  --ortu-plaka:  rgba(28, 43, 58, .62);

  /* — Tipografi —
     Tek aile, üç ağırlık. Figtree'nin latin-ext alt kümesi Türkçe
     ğ/ş/İ/ı/ç/ö/ü karakterlerini taşır; font değişirse ÖNCE bu test edilir. */
  --yazi-aile: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --agirlik-ince:  300;
  --agirlik-duz:   400;
  --agirlik-orta:  500;

  /* Ölçek akışkan: küçük ekranda alt değer, geniş ekranda üst değer. */
  --olcu-dev:     clamp(2.25rem, 1.40rem + 3.40vw, 3.75rem);  /* 36 → 60 */
  --olcu-baslik:  clamp(1.75rem, 1.20rem + 2.20vw, 2.375rem); /* 28 → 38 */
  --olcu-altbas:  clamp(1.25rem, 1.05rem + 0.80vw, 1.50rem);  /* 20 → 24 */
  --olcu-govde:   1rem;
  --olcu-kucuk:   0.875rem;
  --olcu-ustbas:  0.6875rem;                                   /* 11px */

  --aralik-ustbas: 0.18em;   /* üstbaşlıkların harf aralığı */
  --satir-baslik:  1.14;
  --satir-govde:   1.65;

  /* — Boşluk ve ölçü — */
  --kap-genislik:  1280px;
  --kap-dar:       820px;    /* uzun metin için okunur genişlik */
  --kenar:         clamp(1rem, 0.5rem + 2vw, 2.5rem);
  --bolum-bosluk:  clamp(4rem, 2rem + 6vw, 7rem);              /* 64 → 112 */

  --yuvarlak-buton: 999px;   /* referanstaki tam yuvarlak buton */
  --yuvarlak-kutu:  2px;

  --gecis: 220ms cubic-bezier(.4, 0, .2, 1);
}