/**
 * EmaR Foster GC Academy — Global Typography
 * Headings: Fraunces | Everything else: Plus Jakarta Sans
 */

:root {
  --font-heading: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: var(--font-heading);
}

html {
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: var(--font-body) !important;
}

/* ---- Titles & headings ---- */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.page-title,
.section-heading,
.section-title,
.display-heading,
.hero-title,
.hero-stat-value,
.offcanvas-title,
.modal-title,
.card-title,
.navbar-brand,
.why-choose-title,
.category-title,
.plan-name,
.gallery-item-title,
.lightbox-title,
.cta-banner h2,
.about-section h2,
.abouth h1,
.abouth h2,
.login-header h1,
.register-header h1,
.news-hero h1,
.blog-title,
.post-title,
.contact-hero h1 {
  font-family: var(--font-heading) !important;
}

.site-footer__heading,
.site-footer__brand-name {
  font-family: var(--font-heading) !important;
}

/* ---- Body & UI elements ---- */
p, span, a, li, td, th, label, small, strong, em, div,
input, textarea, select, option, button, .btn,
.nav-link, .dropdown-item, .form-control, .form-select,
.form-label, .form-text, .badge, .alert, .toast,
.breadcrumb, .pagination, .list-group-item,
.table, .sidebar .nav-link, .header-search input,
.hero-subtitle, .hero-badge, .hero-stat-label,
.section-lead, .section-eyebrow, .trust-marquee-item,
.category-subtitle, .category-description, .feature-list,
.about-section .intro, .about-card p {
  font-family: var(--font-body) !important;
}

/* Preserve icon fonts */
.fas, .far, .fab, .fal, .fad,
.fa, .fa-solid, .fa-regular, .fa-brands,
[class^="fa-"], [class*=" fa-"] {
  font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", "Font Awesome 5 Brands", "Font Awesome 6 Brands" !important;
}

/* Preserve monospace for code */
code, pre, kbd, samp,
.font-monospace, .text-monospace,
[style*="Courier New"], .referral-code {
  font-family: 'Courier New', Courier, 'Lucida Console', monospace !important;
}
