/*
 * Tipografi duzeltmeleri.
 *
 * NEDEN AYRI DOSYA
 * ----------------
 * Tema stili baska bir yerde Tailwind ile derlenip assets/dist'e yukleniyor;
 * derleme araclari sunucuda yok, derlenmis dosyaya yazilan kural bir sonraki
 * derlemede kaybolurdu. Bu dosya derlemenin disinda durur ve hermest-app'ten
 * sonra yuklenir.
 *
 * SITENIN FONT DUZENI
 * -------------------
 * Iki rol: heading (Source Serif 4) ve body (Roboto), ikisi de Hermest Panel >
 * Design'dan. Ikisi de degisken font (300-700), yani butun kalinliklar tek
 * dosyadan geliyor. Hicbir font kodda sabit degil.
 *
 * DEGISKEN ADLARI
 * ---------------
 * Burada YENI adlar kullaniliyor: --hermest-font-heading / --hermest-font-body.
 *
 * app.css hala eski adlari (primary/secondary/text/accent) kullaniyor ve
 * inc/design.php her rolu hem yeni hem eski adiyla basiyor. O takma adlar
 * yalnizca derlenemeyen o dosya icin var; yeni yazilan hicbir kural onlara
 * dayanmamali, yoksa app.css bir gun yeni adlara gectiginde bu dosya sessizce
 * eski isme bagli kalir.
 */

/*
 * Ham h1-h6 basliklari da baslik fontunu kullanir.
 *
 * app.css bu etiketlere govde fontunu veriyor. Temanin kendi basliklari zaten
 * baslik fontunda: hem sinifli olanlar (.hermest-...__heading, 99 kural) hem de
 * blog govdesindekiler (.hermest-single__content :where(h2,h3,h4)).
 *
 * Geriye sinifsiz basliklar kaliyor: editor icerigindeki, eklenti ciktisindaki,
 * sablonlarda sinif almadan yazilmis h1-h6'lar. Onlar govde fontunda cizilip
 * ayni sayfadaki diger basliklardan ayri duruyordu.
 *
 * Ozgulluk (0,0,1) app.css'teki kuralla ayni; bu dosya sonra yuklendigi icin
 * kazaniyor. Daha spesifik kurallar (prose, sinifli basliklar) bundan
 * etkilenmiyor -- onlar zaten ayni fonta bagli.
 *
 * font-weight'e DOKUNULMUYOR: kalinliklar app.css'te oge oge belirlenmis
 * (h1 800, h2 700, h3/h4 600, link 500) ve bunlar bilincli tasarim kararlari.
 * Panelin kalinlik ayari CSS'te hic okunmuyor; yalnizca hangi kalinligin
 * indirilecegini belirliyor.
 */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--hermest-font-heading, inherit);
}

/*
 * Sinif adinda baslik gecen her sey baslik fontunu kullanir.
 *
 * SORUN
 * -----
 * Temada 102 baslik secicisi var ve bunlarin 92'si dogru rolde (secondary),
 * 10'u degil: sekizi eski 'accent' rolune bagli (pricing, badgeintro,
 * aboutintro, aboutenv, aboutteam, linkcards), biri 'primary'ye (legal), biri
 * 'text'e (drmurat). Bu roller govde fontuna esitlendigi icin o basliklar
 * Roboto cikiyordu -- ornegin All-Inclusive Hair Transplant Packages.
 *
 * Eski accent rolu karma bir roldu: hem basliklar hem .hermest-btn onu
 * kullaniyordu, yani tek bir esleme ikisini birden dogru yapamiyordu.
 *
 * NEDEN LISTE DEGIL DESEN
 * -----------------------
 * O on seciciyi tek tek yazmak bugunku sorunu cozer ama yarin eklenecek yeni
 * bir bolumun basligi yine yanlis fontla gelir ve kimse fark etmeden yayina
 * cikar. Desen, kurali gelecege de tasiyor.
 *
 * KAPSAM
 * ------
 * Yalnizca sinif adinda heading/title/subheading gecenler. Dugmeler
 * (.hermest-btn), fiyat rakamlari (__price) ve etiketler (__label) desene
 * girmiyor; onlar govde fontunda kalmali.
 *
 * Ozgulluk (0,1,0), hedefledigi kurallarla ayni; bu dosya sonra yuklendigi
 * icin kazaniyor. Bir baslik bilerek govde fontunda kalmaliysa buraya bir
 * istisna yazilmali.
 */
[class*='__heading'],
[class*='__title'],
[class*='__subheading'] {
	font-family: var(--hermest-font-heading, inherit);
}

/*
 * Basliklarda tek kalinlik: 500.
 *
 * NEDEN
 * -----
 * Olculdu: 74 baslik dort ayri kalinliktaydi -- 28'i 700, 25'i 600, 20'si 500,
 * biri 400. Bu bir hiyerarsi degildi; ayni duzeydeki basliklar bolumden bolume
 * farkli kalinlikta ciziliyordu (fiyat basligi 700, hero 600, yorumlar 500).
 * Zamanla birikmis bir dagiklikti.
 *
 * Hepsi 500'e cekildi. Source Serif 4 degisken bir font ve 500'de dolgun
 * duruyor; 700'den inmek basliklari zayiflatmiyor, sayfalar arasi farki
 * kaldiriyor.
 *
 * BLOG GOVDESI HARIC
 * ------------------
 * .hermest-single__content icindeki h1-h6 bu kuralin disinda: orada
 * prose kurallari (h1 800, h2 700, h3 600) daha ozgul ve oradaki kademe
 * gercekten ise yariyor -- uzun bir yazida h2 ile h3'un ayirt edilmesi
 * gerekiyor. Tema basliklari icinse boyle bir ic hiyerarsi yok, hepsi bolum
 * basligi.
 *
 * font-family satiri yukarida ayri duruyor; ikisi bilerek ayri bloklarda,
 * cunku biri hangi font digeri ne kadar kalin sorusunu cevapliyor ve
 * birinin degismesi digerini ilgilendirmiyor.
 */
[class*='__heading'],
[class*='__title'],
[class*='__subheading'],
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500;
}