/* =====================================================================
 * Flanör v2 — "Gece Şehri" tipografi uyarlaması
 *
 * app.css başlıkları Fraunces (optik boyutlu serif) için ayarlanmıştı:
 * negatif harf aralığı, 640 ağırlık. Display fontu Barlow Condensed'a
 * geçince bu ayarlar dar ve cılız görünüyor — burada başlık ölçeği,
 * ağırlığı ve aralığı kondanse font için yeniden kurulur.
 *
 * app.css'e DOKUNULMAZ; bu dosya ondan SONRA yüklenir. Böylece herkese
 * açık sayfalar da üye paneli/admin de tek hamlede aynı dile geçer.
 *
 * NOT: Türkçe'de büyük harf i→İ olmalı. CSS `text-transform` dil
 * duyarlıdır ve <html lang="tr"> ile doğru çalışır; bu yüzden başlıkları
 * PHP'de değil CSS'te büyütüyoruz (İngilizce sayfada da doğru kalır).
 * ===================================================================== */

h1, h2, h3, h4 {
    font-family: var(--display);
    font-optical-sizing: auto;
    font-weight: 700;
    letter-spacing: 0.005em;
    line-height: 1.02;
}

/* Bölüm başlıkları kondanse + BÜYÜK HARF — mobildeki Anton karşılığı. */
h1, h2 {
    text-transform: uppercase;
}

h1 { font-size: clamp(38px, 5.6vw, 68px); line-height: 0.98; }
h2 { font-size: clamp(30px, 4.2vw, 50px); line-height: 1.0; }

/* h3/h4 içerik başlıkları (kart adı, üye adı, ayar satırı) — kondanse
   ama büyük harfe çevrilmez, okunabilirlik bozulmasın. */
h3 { font-size: clamp(20px, 2.4vw, 27px); font-weight: 700; letter-spacing: 0.01em; line-height: 1.1; }
h4 { font-size: 19px; font-weight: 700; letter-spacing: 0.01em; line-height: 1.15; }

/* Marka — FLANÖR. kondanse, yeşil nokta. */
.nav-brand {
    font-family: var(--display);
    font-weight: 700;
    font-size: 26px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    line-height: 1;
}

.nav-brand .dot { color: var(--primary); }

/* Kicker — referanstaki geniş aralıklı yeşil etiket. Mono yerine sans. */
.kicker {
    font-family: var(--sans);
    font-weight: 700;
    font-size: 11.5px;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: var(--primary);
}

/* Sayısal vurgular (istatistik, sayaç) kondanse dursun. */
.stat-card__num,
.stat-value,
.metric-value {
    font-family: var(--display);
    font-weight: 700;
    letter-spacing: 0.01em;
}

/* Butonlar gövde fontunda kalsın — kondanse buton metni okunmuyor. */
.btn, .button, button, input, select, textarea {
    font-family: var(--sans);
}

/* Tablo başlıkları ve etiketler de gövde fontunda. */
th, label, .label, .form-label {
    font-family: var(--sans);
}

/* Barlow Condensed x-yüksekliği düşük: gövde metni asla display'e
   düşmesin (bazı app.css kuralları .card h3 + p zincirinde miras
   veriyordu). */
p, li, td, .muted, .meta, .hint {
    font-family: var(--sans);
}
