/**
 * fonts-roles.css - Pembagian peran font di seluruh situs Adidaya Institute.
 * Dimuat PALING AKHIR (setelah theme.css) agar menang atas gaya Framer inline.
 *
 *   JUDUL / DISPLAY   -> Urbanist      (h1-h6, judul section, judul kartu, angka besar)
 *   KONTEN / ISI / UI -> Inter         (paragraf, ringkasan, meta, label, tombol, nav)
 *   AKSEN MONO        -> Fragment Mono (kode / .mono)
 *
 * Catatan teknis:
 *  - Framer menyimpan ukuran huruf di atribut style (--framer-font-size:NNpx) dan
 *    tidak memakai tag heading, jadi teks display-nya dipilih lewat ukuran (>=24px).
 *  - Gaya lama (animations.css, dsb.) banyak memakai !important dengan spesifisitas
 *    tinggi (mis. `header .nav-link`). Agar aturan peran di sini menang, setiap
 *    selektor diberi !important DAN ditulis pada spesifisitas lebih tinggi
 *    (awalan `html body ...`).
 */
:root {
  --font-display: 'Urbanist', 'Urbanist Placeholder', sans-serif;
  --font-content: 'Inter', 'Inter Placeholder', sans-serif;
  --font-mono: 'Fragment Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* ============================================================
   KONTEN / ISI / UI = Inter
   ============================================================ */
html body,
html body p, html body span, html body a, html body li,
html body ul, html body ol, html body dl, html body dt, html body dd,
html body blockquote, html body figcaption, html body label,
html body input, html body textarea, html body select, html body button,
html body td, html body th, html body caption, html body small,
html body strong, html body em, html body b, html body i,
html body time, html body cite, html body address,
html body header .nav-link, html body header .nav-link *,
html body header .btn-contact, html body header .btn-contact *,
html body .nav-link, html body .nav-link *,
html body .framer-text, html body .framer-text *,
html body .home-feed-label, html body .home-feed-action, html body .home-feed-action *,
html body .home-feed-control, html body .home-feed-card-body > p, html body .home-feed-card > p,
html body .home-card-link, html body .home-card-link *,
html body .results-count, html body .news-snippet, html body .article-snippet, html body .brief-desc,
html body .news-date, html body .article-date, html body .brief-meta-item, html body .news-source, html body .badge,
html body .article-summary, html body .article-content p, html body .back-link, html body .article-meta,
html body .about-intro-container p, html body .framer-111wa3f, html body .framer-111wa3f *,
html body .publication-detail p, html body .brief-detail p {
  font-family: var(--font-content) !important;
}

/* Mono */
html body code, html body pre, html body kbd, html body samp,
html body .mono, html body .font-mono {
  font-family: var(--font-mono) !important;
}

/* ============================================================
   JUDUL / DISPLAY = Urbanist
   ============================================================ */
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
html body h1 *, html body h2 *, html body h3 *, html body h4 *, html body h5 *, html body h6 *,
html body .hero h1, html body .hero h1 *,
html body .hero-container .hero h1, html body .hero-container .hero h1 *,
html body .framer-m7a288, html body .framer-m7a288 *,
html body .framer-1us6hsc h2, html body .framer-1us6hsc h2 *,
html body .framer-1fubg51 h2, html body .framer-1fubg51 h2 *,
html body .framer-1us6hsc [data-framer-name] .framer-text h3,
html body .framer-1fubg51 [data-framer-name] .framer-text h3,
html body .article-title, html body .news-title, html body .brief-title,
html body .home-feed-heading h2, html body .home-feed-heading h2 *,
html body .home-feed-card h3, html body .home-feed-card h3 *,
html body #page-title, html body .content-header h1, html body .metric-value,
/* Teks display Framer (>= 24px) */
html body [style*="--framer-font-size:24px"], html body [style*="--framer-font-size:24px"] *,
html body [style*="--framer-font-size:28px"], html body [style*="--framer-font-size:28px"] *,
html body [style*="--framer-font-size:32px"], html body [style*="--framer-font-size:32px"] *,
html body [style*="--framer-font-size:36px"], html body [style*="--framer-font-size:36px"] *,
html body [style*="--framer-font-size:40px"], html body [style*="--framer-font-size:40px"] *,
html body [style*="--framer-font-size:44px"], html body [style*="--framer-font-size:44px"] *,
html body [style*="--framer-font-size:48px"], html body [style*="--framer-font-size:48px"] *,
html body [style*="--framer-font-size:54px"], html body [style*="--framer-font-size:54px"] *,
html body [style*="--framer-font-size:56px"], html body [style*="--framer-font-size:56px"] *,
html body [style*="--framer-font-size:60px"], html body [style*="--framer-font-size:60px"] *,
html body [style*="--framer-font-size:64px"], html body [style*="--framer-font-size:64px"] *,
html body [style*="--framer-font-size:72px"], html body [style*="--framer-font-size:72px"] * {
  font-family: var(--font-display) !important;
}