/* ==========================================================================
   AI-JISR TYPOGRAPHY & FONT CONFIGURATION (Single Source of Truth)
   --------------------------------------------------------------------------
   Bu dosya, sitedeki tüm tipografi ve font ayarlarının tek merkezden
   yönetildiği yapılandırma dosyasıdır.
   
   Noto Serif (Normal metinler/body: 400, Başlıklar: 600)
   Inter fontlar korunmuştur (UI font).
   
   Font ailesi veya kalınlık değişikliklerini bu dosya üzerinden yapabilirsiniz.
   ========================================================================== */

/* 1. GOOGLE FONTS: <link> in each layout (an @import here was a second, render-blocking copy) */

:root {
  /* ── 2. FONT AİLELERİ (Font Families) ── */
  --font-serif:    'Noto Serif', Georgia, 'Times New Roman', serif;
  --font-display:  'Noto Serif', Georgia, 'Times New Roman', serif;
  --font-sans:     'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono:     ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* ── 3. FONT KALINLIKLARI (Font Weights) ── */
  --font-weight-normal:   400;  /* Gövde ve normal metinler (body, p, li, vb.) */
  --font-weight-medium:   500;  /* Ara vurgular ve butonlar */
  --font-weight-heading:  600;  /* Tüm başlıklar (h1, h2, h3, h4, h5, h6, başlık sınıfları) */
  --font-weight-bold:     700;  /* Kalın vurgular (strong, b) */

  /* ── 4. BAŞLIK VE DISPLAY BOYUTLARI ── */
  --display-mega:  57px;
  --h1-size:      41px;
  --display-xl:    43px;
  --display-lg:    28px;
  --display-md:    25px;
  --display-sm:    24px;

  /* ── 5. GÖVDE VE ARAYÜZ BOYUTLARI ── */
  --title-md:        20px;
  --title-sm:        15px;
  --body-font-size:  15px;
  --body-md:         15px;
  --body-sm:         13px;
  --caption:         14px;
  --caption-up:      12px;
  --btn-size:        14px;
  --nav-size:        13px;

  /* ── 6. SATIR YÜKSEKLİKLERİ ── */
  --lh-tight:  1.25;
  --lh-normal: 1.4;
  --lh-read:   1.5;
}

/* ==========================================================================
   GLOBAL TYPOGRAPHY RULES (Body: 400, 15px | Headings: 600)
   ========================================================================== */

/* Prevent faux-bold (yapay kalınlaştırma) */
*, *::before, *::after, html, body {
  font-synthesis: none !important;
  -webkit-font-synthesis: none !important;
  font-synthesis-weight: none !important;
  font-synthesis-style: none !important;
}

/* Gövde ve normal metinler: Noto Serif 400 | --body-font-size */
html {
  font-size: 16px;
}

body {
  font-family: var(--font-serif);
  font-size: var(--body-font-size, 15px);
  font-weight: var(--font-weight-normal);
  color: var(--body-color, #4e4e4e);
  line-height: var(--lh-normal, 1.6);
}

p, li, dd, dt, label, input, textarea, select {
  font-weight: var(--font-weight-normal);
}

/* Gövde ve okuma metinleri: --body-font-size */
.article-body,
.article-body p,
.page-article-body,
.page-article-body p,
.page-content,
.page-content p,
.about-page,
.about-page p,
.about-page-container,
.about-page-container p,
.page-article-body--two-col,
.page-article-body--two-col p,
.privacy-policy-page,
.privacy-policy-page p,
.abstract-text {
  font-size: var(--body-font-size) !important;
}

/* İçerik başlıkları: sayfa içeriğine (veritabanı) gömülü sabit boyutlar yerine ölçek */
.page-article-body h2, .about-page h2, .about-page-container h2, .privacy-policy-page h2 {
  font-size: var(--display-md) !important;
}
.page-article-body h3, .about-page h3, .about-page-container h3, .privacy-policy-page h3 {
  font-size: var(--title-md) !important;
}

/* Tüm Başlıklar (h1 - h6): Kalınlık 600 */
h1, h2, h3,
.font-display,
.font-serif-heading,
.editorial-title,
.article-reading-title,
.home-hero__title,
.journal-cover__title,
.article-related-title,
.page-article-body h1, .page-article-body h2, .page-article-body h3,
.about-page h1, .about-page h2, .about-page h3,
.about-page-container h1, .about-page-container h2, .about-page-container h3,
.page-article-body--two-col h1, .page-article-body--two-col h2, .page-article-body--two-col h3,
.admin-content h1, .admin-content h2, .admin-content h3 {
  font-family: var(--font-display) !important;
  font-weight: var(--font-weight-heading) !important;
  color: var(--ink, #0c0a09);
}

/* Alt seviye başlıklar (h4, h5, h6): Inter 600 */
h4, h5, h6,
.admin-content h4, .admin-content h5, .admin-content h6 {
  font-family: var(--font-sans) !important;
  font-weight: var(--font-weight-heading) !important;
  color: var(--ink, #0c0a09);
}

/* Headings with strong/b inside */
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong,
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b {
  font-family: inherit;
  font-weight: var(--font-weight-heading) !important;
  color: inherit;
}

/* Vurgu (strong, b) */
strong, b {
  font-weight: var(--font-weight-bold);
  color: var(--ink, #0c0a09);
}

/* İtalik (em, i): Noto Serif Italic 400 */
.article-body em,
.article-body i,
.page-article-body em,
.page-article-body i,
.about-page em,
.about-page i,
.about-page-container em,
.about-page-container i,
.page-article-body--two-col em,
.page-article-body--two-col i,
.privacy-policy-page em,
.privacy-policy-page i,
.abstract-text em,
.abstract-text i,
[style*="font-family: var(--font-serif)"] em,
[style*="font-family: var(--font-serif)"] i,
[style*="font-family: var(--font-display)"] em,
[style*="font-family: var(--font-display)"] i {
  font-family: var(--font-serif);
  font-style: italic;
  font-weight: var(--font-weight-normal) !important;
}