/* =====================================================================
 * onizle_tipografi.css — TİPOGRAFİ SİSTEMİ + 8 PT IZGARA · ÖNİZLEME (kalite 13–14, 2026-10-26)
 * Yalnız ?onizle=tipografi ya da panel › Site › Önizlemeler bayrağıyla açılır.
 *
 * ÖLÇÜLEN SORUN: site.css'te 70 ayrı yazı boyu var (.78 / .8 / .72 / .74 / .76 / .82 …),
 * başlıklar sayfadan sayfaya 1,25–3,6 rem arasında rastgele. Göz bunu «düzensizlik»
 * olarak okur; premium his tutarlı bir ölçekten gelir.
 *
 * SİSTEM — iki yazı ailesi (değişmedi), TEK ölçek:
 *   başlık  Cormorant Garamond 500–600 · metin Jost 300/400
 *   ölçek   1,250 (major third), akışkan (telefon → masaüstü clamp)
 *   üst etiket (eyebrow) tek biçim · küçük yazı tek boy · satır yüksekliği iki değer
 *   boşluk  8 pt: 8 · 16 · 24 · 32 · 48 · 64 — bölümler ve kartlar bu adımlarla
 * Onaylanırsa token'lar site.css :root'a, kurallar ilgili bloklara taşınır.
 * ===================================================================== */
:root{
  --font-baslik:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --font-metin:'Jost',system-ui,-apple-system,'Segoe UI',sans-serif;
  /* ölçek */
  --t-etiket:.75rem;                                   /* 12 — üst etiket, büyük harf */
  --t-kucuk:.875rem;                                   /* 14 — künye, yardımcı */
  --t-metin:1rem;                                      /* 16 — gövde */
  --t-giris:clamp(1.0625rem,1rem + .3vw,1.1875rem);    /* 17–19 — giriş paragrafı */
  --t-h4:clamp(1.25rem,1.15rem + .45vw,1.4375rem);     /* 20–23 — kart başlığı */
  --t-h3:clamp(1.5rem,1.3rem + .8vw,1.875rem);         /* 24–30 */
  --t-h2:clamp(1.875rem,1.5rem + 1.6vw,2.625rem);      /* 30–42 — bölüm başlığı */
  --t-h1:clamp(2.375rem,1.7rem + 3vw,3.75rem);         /* 38–60 — sayfa başlığı */
  --lh-baslik:1.12; --lh-metin:1.7;
  --iz-etiket:.22em;
  /* 8 pt boşluk */
  --a1:.5rem; --a2:1rem; --a3:1.5rem; --a4:2rem; --a6:3rem; --a8:4rem;
}

/* ---- temel ---- */
html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
body{font-family:var(--font-metin);font-size:var(--t-metin);line-height:var(--lh-metin);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern","liga"}
p{text-wrap:pretty}
h1,h2,h3,h4{font-family:var(--font-baslik);line-height:var(--lh-baslik);letter-spacing:.01em;text-wrap:balance}
h1{font-size:var(--t-h1);font-weight:500}
h2{font-size:var(--t-h2);font-weight:500}
h3{font-size:var(--t-h3);font-weight:600}

/* sayfa başlıkları (tek ölçek) */
.hero h1,.s-hero h1,.ed-bilgi h1,.bl-yazi h1,.sf-sayfa h1,.yasal-sayfa h1,.hata-blok h1,.bsv-hero h1,.tsk-blok h1,.app-blok h1,.dgr-blok h1{
  font-size:var(--t-h1);line-height:1.06;font-weight:500;letter-spacing:.005em}
.ed-bilgi h1{font-size:clamp(2rem,1.5rem + 2.2vw,3rem)}   /* eser adı görselin yanında — bir kademe küçük */

/* bölüm başlıkları */
.bolum-bas h2,.gunun h2,.sf-govde h2,.sf-galeri-bas h2{font-size:var(--t-h2);font-weight:500;margin:0}
.bolum-bas{gap:var(--a2);margin-bottom:var(--a4)}

/* kart başlıkları */
.sergi-kart h3,.muz-kart h3,.mz-kart h3,.bl-kart h3,.zmn-kart h3,.sn-kutu.sag h3,.bsv-adimlar h3,.krm-mekan h2,.krm-mekan h3{
  font-size:var(--t-h4);font-weight:600;line-height:1.2}
.sergi-buyuk h3,.bl-kart.one h3,.sn-kutu h3{font-size:var(--t-h3)}

/* üst etiket — sitenin her yerinde tek biçim */
.etiket,.hero .etiket,.gunun .etiket,.sergi-buyuk .etiket,.ed-bilgi .etiket,.uyg-hero .etiket,.alt-sutun h4,.bl-w h3,.bl-ilgili h2,.hata-sergiler h2,.s-hero .kunye b{
  font-family:var(--font-metin);font-size:var(--t-etiket);letter-spacing:var(--iz-etiket);text-transform:uppercase;font-weight:500;line-height:1.4}

/* küçük / yardımcı yazı: tek boy, ince yazının küçük boyda okunmaması için 400 */
.mut,.kunye,.sergi-kart .mut,.hero .kunye,.s-hero .kunye{font-size:var(--t-kucuk);font-weight:400;letter-spacing:.02em}
.sergi-kart .mut .kalan-gun{font-size:var(--t-etiket)}

/* eser kartı: sanatçı (etiket biçimi) + eser adı (italik başlık) */
.eser-k .sa{font-size:var(--t-etiket);letter-spacing:.16em;font-weight:500;margin-top:var(--a2)}
.eser-k .ta,.bz-k .ta{font-size:1.0625rem;line-height:1.3}

/* okuma metni */
.s-yazi{font-size:var(--t-giris);line-height:1.8}
.s-yazi p{margin:0 0 1.1em}
.s-hero .altb{font-size:var(--t-h4)}

/* düğmeler: tek ölçü, 8 pt yükseklik (48 px dokunma) */
.tus,a.tus,button.tus{font-size:var(--t-etiket);letter-spacing:.18em;font-weight:500;min-height:48px;
  display:inline-flex;align-items:center;justify-content:center;padding:0 var(--a3)}
.ks-tus .tus,.bn-ok,.gor-arac .tus{min-height:0}

/* ---- 14 · 8 pt ızgara: bölümler ve kartlar nefes alsın ---- */
.bolum{padding:var(--a8) 4vw var(--a2)}
.sergi-izgara{gap:var(--a4)}
.sergi-kart .ic{padding:var(--a2) var(--a3) var(--a3)}
.sergi-kart h3{margin:var(--a1) 0 var(--a1)}
.s-hero{padding:var(--a8) 5vw var(--a6)}
@media (max-width:720px){
  .bolum{padding:var(--a6) 5vw var(--a1)}
  .bolum-bas{margin-bottom:var(--a3)}
  .sergi-izgara{gap:var(--a3)}
  h3{font-size:var(--t-h4)}
}