/* ============================================================
   tokens.css — SADECE CSS değişkenleri.
   Renk, boşluk, tipografi, yarıçap, geçiş değerlerinin tek kaynağı.
   Diğer dosyalarda çıplak hex/px kullanılmaz.
   (Tek istisna: media query breakpoint'leri — CSS değişkeni
   media query içinde çalışmadığı için sabitler orada kalır.)

   Palet, logodan örneklendi: lacivert S (creative) × terrakota E
   (fotoğraf) × altın objektif halkası, kâğıt zemin.
   ============================================================ */
:root {
  /* ---- Renk ---- */
  --renk-navy: #2d3e5a;           /* logodaki S — creative kutbu, koyu */
  --renk-navy-derin: #24334b;     /* creative panel zemini */
  --renk-navy-hud: #1c2940;       /* HUD / footer zemini */
  --renk-terrakota: #a87153;      /* logodaki E — fotoğraf kutbu */
  --renk-terrakota-koyu: #8f5535; /* açık zeminde AA kontrast için metin tonu */
  --renk-altin: #c9a85c;          /* objektif halkası — HUD ve odak vurguları */

  --renk-kagit: #e9e4dc;          /* sayfa/başlık zemini (logo kâğıdı) */
  --renk-soft: #efe9e1;           /* fotoğraf paneli zemini — açık, soft */
  --renk-gecis-sicak: #d9b79b;    /* panel geçiş bandındaki sıcak ara ton */
  --renk-gecis-govde: #8f5b4c;    /* geçiş bandının koyu tarafa değen ucu */

  --renk-metin-acik: #eae6de;     /* koyu zeminde ana metin */
  --renk-metin-acik-soluk: #c3cbd9;
  --renk-etiket-koyu-zemin: #a7b2c4;
  --renk-buz: #c7d6ea;            /* creative odak vurgusu (koyu zeminde) */

  --renk-metin-koyu: #2d3e5a;     /* açık zeminde ana metin = navy */
  --renk-metin-koyu-soluk: #6e6457;
  --renk-etiket-acik-zemin: #75634e; /* açık zeminlerde AA (4.5:1) kontrast */

  --renk-cizgi-koyu: #33445e;
  --renk-cizgi-acik: #ddd5c8;

  --renk-todo-zemin: #f5d90a;     /* yayın öncesi yer tutucu uyarısı */
  --renk-todo-metin: #1c2940;

  /* ışık sıcaklığı katmanları (kapı odak mekaniği) */
  --isik-soguk: rgba(45, 62, 90, 0.10);
  --isik-sicak: rgba(168, 113, 83, 0.10);

  /* ---- Tipografi ---- */
  --font-baslik: 'EB Garamond', 'Georgia', serif;
  --font-govde: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif;
  --font-mono: 'Space Mono', ui-monospace, monospace;

  --punto-hud: 0.72rem;
  --punto-etiket: 0.78rem;
  --punto-kucuk: 0.88rem;
  --punto-govde: 1rem;
  --punto-buyuk: 1.25rem;
  --punto-baslik-3: 1.5rem;
  --punto-baslik-2: 2rem;
  --punto-baslik-1: clamp(1.9rem, 4.5vw, 3.2rem);
  --punto-kapi-baslik: clamp(1.9rem, 3.6vw, 2.9rem);

  --satir-siki: 1.15;
  --satir-normal: 1.4;
  --satir-genis: 1.65;

  --harf-aralik-marka: 0.16em;
  --harf-aralik-etiket: 0.14em;
  --harf-aralik-hud: 0.06em;

  /* ---- Boşluk ---- */
  --bosluk-1: 0.25rem;
  --bosluk-2: 0.5rem;
  --bosluk-3: 0.75rem;
  --bosluk-4: 1rem;
  --bosluk-5: 1.5rem;
  --bosluk-6: 2rem;
  --bosluk-7: 3rem;
  --bosluk-8: 4.5rem;
  --bosluk-9: 6rem;

  --icerik-genislik: 72rem;
  --metin-genislik: 42rem;

  /* ---- Boyut ---- */
  --logo-yukseklik: 4.25rem;
  --logo-yukseklik-mobil: 3.25rem;

  /* ---- Yarıçap ---- */
  --yaricap-kucuk: 0.375rem;
  --yaricap-orta: 0.625rem;
  --yaricap-buyuk: 1rem;

  /* ---- Çizgi ---- */
  --cizgi-ince: 1px;
  --cizgi-kalin: 3px;

  /* ---- Geçiş ---- */
  --gecis-hiz: 0.35s;
  --gecis-hiz-yavas: 0.6s;
  --gecis-egri: cubic-bezier(0.4, 0, 0.2, 1);

  /* ---- Odak mekaniği ---- */
  --odak-bulanik: 6px;
  --odak-sonuk: 0.35;
  --odak-duragan: 0.92;
}