/**
 * Solid Medya — alt sayfa font tokenları (site-fonts.css ile birlikte)
 * Tüm değerler ücretsiz / OFL / Fontshare lisanslı aileler.
 */
html[lang='tr'] {
    text-rendering: optimizeLegibility;
}

html[lang='tr'] body,
html[lang='tr'] button,
html[lang='tr'] input,
html[lang='tr'] textarea,
html[lang='tr'] select {
    font-feature-settings: 'locl' 1;
}

:root {
    /* Gövde / UI (ana site fontu, menü, buton, açıklama) → Manrope + Figtree */
    --sm-font-body: 'Manrope', 'Figtree', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --sm-font-ui: 'Manrope', 'Figtree', 'Outfit', var(--sm-font-body);
    /* Gövde + arayüz yazıları → Figtree */
    --sm-font-ui-alt: 'Figtree', 'Manrope', sans-serif;
    /* Büyük başlık / hero / display → Space Grotesk */
    --sm-font-display: 'Space Grotesk', 'Sora', 'Clash Display', sans-serif;
    --sm-font-display-medium: 'Space Grotesk', 'Sora', 'ClashDisplay-Medium', sans-serif;
    --sm-font-display-bold: 'Space Grotesk', 'Sora', 'ClashDisplay-Bold', sans-serif;
    --sm-font-heavy: 'Space Grotesk', 'Sora', 'Montserrat', 'Arial Black', sans-serif;
    --sm-font-hero: 'Space Grotesk', 'Sora', 'Urbanist', sans-serif;
    /* Büyük ve sert başlıklar → League Spartan */
    --sm-font-strong: 'League Spartan', 'Space Grotesk', sans-serif;
    /* Kurumsal / hizmet başlıkları → Plus Jakarta Sans */
    --sm-font-heading: 'Plus Jakarta Sans', 'Space Grotesk', sans-serif;
    /* Başlık / kart başlığı / kategori → Urbanist */
    --sm-font-card: 'Urbanist', 'Manrope', sans-serif;
    /* Web ajansı / yazılım odaklı arayüz → Outfit */
    --sm-font-agency: 'Outfit', 'Manrope', sans-serif;
    /* Yazılım / SaaS / teknoloji sayfaları → Geist */
    --sm-font-tech: 'Geist', 'Space Grotesk', sans-serif;
    /* Blog / haber / açıklama gövdesi → DM Sans */
    --sm-font-blog: 'DM Sans', 'Manrope', sans-serif;
    /* CTA / öne çıkan metinler → Sora */
    --sm-font-cta: 'Sora', 'Space Grotesk', sans-serif;
    --sm-font-script: 'Caveat', cursive;
    --sm-font-decorative: 'Great Vibes', cursive;
    --sm-font-mono: ui-monospace, 'Cascadia Code', 'Segoe UI Mono', monospace;
}

.sm-font-body { font-family: var(--sm-font-body); }
.sm-font-ui { font-family: var(--sm-font-ui); }
.sm-font-display { font-family: var(--sm-font-display); }
.sm-font-strong { font-family: var(--sm-font-strong); }
.sm-font-heading { font-family: var(--sm-font-heading); }
.sm-font-card { font-family: var(--sm-font-card); }
.sm-font-agency { font-family: var(--sm-font-agency); }
.sm-font-tech { font-family: var(--sm-font-tech); }
.sm-font-blog { font-family: var(--sm-font-blog); }
.sm-font-cta { font-family: var(--sm-font-cta); }

/* Rol uygulamaları — CTA butonları → Sora */
[class*="btn-primary"],
[class*="btn--primary"],
[class*="-cta"],
.btn-primary,
.web-btn-primary,
.wt-btn--primary {
    font-family: var(--sm-font-cta);
}

/* Rol uygulamaları — form / arayüz yazıları → Figtree */
input,
select,
textarea,
.form-control,
.form-select,
.form-label,
label {
    font-family: var(--sm-font-ui-alt);
}