/* ============================================================
   theme.css — Tasarım token'ları (tek kaynak)
   Tüm sayfalar (index, ben-kimim, kvkk, 404) buradan beslenir.
   Değerler BURADA tanımlanır; styles.css yalnızca var() ile kullanır.
   styles.css'ten ÖNCE yüklenmelidir.
   ============================================================ */
:root{
  /* — Renk paleti — */
  --brand-deep:#4d2867;
  --brand:#704098;
  --brand-soft:#c6a0df;
  --brand-tint:#efe6f8;
  --brand-wash:#f7f3fb;
  --ink:#29232e;
  --ink-soft:#5b5560;
  --ink-mute:#8a8292;
  --paper:#faf8fc;
  --surface:#fff;
  --mist:#f1eff4;
  --line:rgba(112,64,142,.12);
  --brand-rgb:112,64,142;
  --ink-rgb:41,35,46;

  /* — Font aileleri — */
  --serif:"Newsreader",Georgia,serif;
  --sans:"DM Sans",sans-serif;

  /* — Tipografi ölçeği —
     clamp(MIN, AKIŞKAN, MAKS): mobil → tablet → masaüstü arası değer
     kesintisiz akar, ayrıca breakpoint yazmaya gerek kalmaz. */
  --text-display:clamp(52px,6.5vw + 6px,86px);  /* Hero / ana başlık (serif) */
  --text-h1:clamp(44px,5vw,62px);               /* Sayfa H1 — legal, 404 (serif) */
  --text-h2:clamp(38px,4.6vw,60px);             /* Bölüm başlığı (serif) */
  --text-h3:clamp(21px,1.6vw + 8px,27px);       /* Kart / alt başlık (serif) */
  --text-lead:clamp(19px,1.4vw + 6px,25px);     /* Giriş / spot metni (serif) */
  --text-quote:clamp(20px,2vw,28px);            /* Alıntı (serif) */
  --text-body:15px;                             /* Gövde (sans) */
  --text-body-sm:13px;                          /* Küçük gövde (sans) */
  --text-meta:12px;                             /* Meta / açıklama (sans) */
  --text-micro:11px;                            /* En küçük metin (sans) */
  --text-eyebrow:9px;                           /* Üst etiket — BÜYÜK HARF (sans) */

  /* — Satır yüksekliği — */
  --lh-solid:1;      /* büyük başlık */
  --lh-tight:1.16;   /* başlık */
  --lh-snug:1.4;     /* spot metin */
  --lh-normal:1.75;  /* gövde */
  --lh-relaxed:1.9;  /* uzun gövde */

  /* — Harf aralığı — */
  --ls-display:-.035em;
  --ls-tight:-.02em;
  --ls-label:.14em;
  --ls-eyebrow:.2em;
}