/* Jigyasu Yoga — tasarım değişkenleri (tokens). Kaynak: tokens.json. */
@font-face { font-family: 'Karla'; src: url('../fonts/Karla-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Karla'; src: url('../fonts/Karla-Italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Karla'; src: url('../fonts/Karla-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Fraunces'; src: url('../fonts/Fraunces-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
/* Krem tema (varsayılan) */
:root, [data-theme="krem"] {
  --krem: #EFEDE4;
  --derin-deniz: #17323D;
  --okra: #E0B44A;
  --tul: #9DBFB2;
  --zemin: var(--krem);
  --zemin-ust: #F6F5EF;
  --murekkep: var(--derin-deniz);
  --murekkep-soluk: #4F646B;
  --cizgi: #D9D6CA;
  --cizgi-kontrol: #7E8B8F;
  --vurgu: var(--okra);
  --vurgu-basili: #D2A43A;
  --vurgu-uzeri: var(--derin-deniz);
  --okra-acik: #F3E3B8;
  --tul-acik: #DFE4DA;
  --odak: var(--derin-deniz);
  --hata: #A2364A;
}
/* Derin deniz tema: koyu bölüm, kapak, altbilgi */
[data-theme="derin"] {
  --zemin: var(--derin-deniz);
  --zemin-ust: #1F3E4A;
  --murekkep: var(--krem);
  --murekkep-soluk: #B8C4C3;
  --cizgi: #2C4954;
  --cizgi-kontrol: #7C959B;
  --vurgu-basili: #EAC56B;
  --okra-acik: #3B493F;
  --tul-acik: #24444C;
  --odak: var(--okra);
  --hata: #EBA6A9;
}
:root {
  --alan-1: 4px;
  --alan-2: 8px;
  --alan-3: 12px;
  --alan-4: 16px;
  --alan-5: 24px;
  --alan-6: 32px;
  --alan-7: 48px;
  --alan-8: 64px;
  --alan-9: 96px;
  --alan-10: 128px;
  --kose-0: 0;
  --kose-1: 4px;
  --kose-2: 8px;
  --kose-tam: 999px;
  --kalinlik-1: 1px;
  --kalinlik-2: 1.5px;
  --kalinlik-3: 2px;
  --genislik-metin: 640px;
  --genislik-sayfa: 1160px;
  --kirilma-mobil: 640px;
  --oran-dikey: 4 / 5;
  --oran-story: 9 / 16;
  --oran-yatay: 16 / 9;
  --oran-kare: 1 / 1;
  --font-karla: Karla, "Helvetica Neue", Arial, sans-serif;
  --font-fraunces: Fraunces, Georgia, "Times New Roman", serif;
}
/* Tip stilleri */
.hero { font-family: var(--font-fraunces); font-size: 56px; line-height: 60px; font-weight: 400; letter-spacing: -0.01em; }  /* Sayfa başı manşeti, sayfada bir kez. 640px altında 40px / 44px. */
.baslik-1 { font-family: var(--font-fraunces); font-size: 40px; line-height: 46px; font-weight: 400; letter-spacing: -0.005em; }  /* Bölüm başlığı. 640px altında 32px / 38px. */
.baslik-2 { font-family: var(--font-fraunces); font-size: 30px; line-height: 38px; font-weight: 400; }  /* Alt bölüm ve kart başlığı. 640px altında 26px / 32px. */
.baslik-3 { font-family: var(--font-fraunces); font-size: 23px; line-height: 30px; font-weight: 400; }  /* Küçük başlık, blog ara başlığı. */
.alinti { font-family: var(--font-fraunces); font-size: 26px; line-height: 36px; font-weight: 400; }  /* Öne çıkan cümle, manifesto, kaynaklı alıntı. Tek başına durur, paragraf içinde kullanılmaz. */
.govde-buyuk { font-family: var(--font-karla); font-size: 19px; line-height: 30px; font-weight: 400; }  /* Giriş paragrafı, hero altı açıklama. */
.govde { font-family: var(--font-karla); font-size: 17px; line-height: 28px; font-weight: 400; }  /* Gövde metni, blog. Satır uzunluğu en fazla genislik-metin. Vurgu 600 ağırlıkla, italik Karla Italic ile. */
.govde-kucuk { font-family: var(--font-karla); font-size: 15px; line-height: 24px; font-weight: 400; }  /* Kart metni, form yardım metni, ikincil bilgi. */
.buton { font-family: var(--font-karla); font-size: 16px; line-height: 20px; font-weight: 600; letter-spacing: 0.01em; }  /* Buton ve gezinme bağlantısı. Cümle düzeninde yazılır, büyük harf değil. */
.etiket { font-family: var(--font-karla); font-size: 13px; line-height: 16px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; }  /* Küçük etiket, üst başlık. Her zaman BÜYÜK HARF (text-transform: uppercase; Türkçe için lang="tr" ile İ doğru çıkar). */
.dipnot { font-family: var(--font-karla); font-size: 13px; line-height: 20px; font-weight: 400; }  /* Altbilgi, görsel açıklaması, yasal not. */
.ig-baslik { font-family: var(--font-fraunces); font-size: 88px; line-height: 96px; font-weight: 400; }  /* Gönderi/carousel ana cümlesi, 1080×1350 tuvalde. */
.ig-govde { font-family: var(--font-karla); font-size: 40px; line-height: 54px; font-weight: 400; }  /* Carousel iç sayfa metni. */
.ig-etiket { font-family: var(--font-karla); font-size: 28px; line-height: 34px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; }  /* Üst etiket, tarih, kategori. Büyük harf. */
@media (max-width: 640px) {
  .hero { font-size: 40px; line-height: 44px; }
  .baslik-1 { font-size: 32px; line-height: 38px; }
  .baslik-2 { font-size: 26px; line-height: 32px; }
}