/**
 * Anek Malayalam — same family as the hero section.
 * Loaded after other CSS so it wins over Noto/Cormorant defaults.
 */

@font-face {
  font-family: 'Anek Malayalam';
  src: url('/assets/fonts/AnekMalayalam-VariableFont.ttf') format('truetype-variations'),
    url('/assets/fonts/AnekMalayalam-VariableFont.ttf') format('truetype');
  font-weight: 100 800;
  font-display: swap;
  unicode-range: U+0D00-0D7F, U+200C-200D, U+25CC;
}

:root,
html[data-theme='light'],
html[data-theme='dark'] {
  --font-display: 'Anek Malayalam', 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Anek Malayalam', 'Source Sans 3', system-ui, sans-serif;
}

/* Homepage — all Malayalam copy */
html body.page-home {
  font-family: var(--font-body);
}

html body.page-home h1,
html body.page-home h2,
html body.page-home h3,
html body.page-home h4,
html body.page-home .section-head h2,
html body.page-home .section-head-center h2,
html body.page-home .hadith-title,
html body.page-home .home-ref-card-title,
html body.page-home .library-card-title,
html body.page-home .quote-block-soft blockquote,
html body.page-home .cta-panel-copy h2,
html body.page-home .meelad-poem,
html body.page-home .meelad-line,
html body.page-home #home-life-journey .page-heading h1,
html body.page-home #home-life-journey .text-side h2,
html body.page-home #home-hero-slider .hero-content h1,
html body.page-home #home-hero-slider .hero-content h1 span {
  font-family: var(--font-display);
}

html body.page-home p,
html body.page-home .section-eyebrow,
html body.page-home .section-head p,
html body.page-home .section-head-center p,
html body.page-home .preview-card-excerpt,
html body.page-home .article-card-excerpt,
html body.page-home .home-article-excerpt,
html body.page-home .hadith-body,
html body.page-home .meelad-meta,
html body.page-home #home-life-journey .page-heading p,
html body.page-home #home-life-journey .text-side p,
html body.page-home #home-life-journey .age-label,
html body.page-home #home-life-journey .bottom-note,
html body.page-home #home-hero-slider,
html body.page-home #home-hero-slider .hero-tag,
html body.page-home #home-hero-slider .hero-content p,
html body.page-home #home-hero-slider .hero-button,
html body.page-home .site-footer .footer-blurb,
html body.page-home .site-footer .footer-meta {
  font-family: var(--font-body);
}

/* Beat older hero rules that still point at Noto */
html body.page-home #home-hero-slider .hero-content h1 {
  font-family: var(--font-display) !important;
  letter-spacing: 0;
}

html body.page-home #home-hero-slider .hero-content p,
html body.page-home #home-hero-slider .hero-tag,
html body.page-home #home-hero-slider .hero-button {
  font-family: var(--font-body) !important;
}

/* Article page — section headings */
html body.article-editorial .article-ed-header h1,
html body.article-editorial .article-page--editorial .article-body h2,
html body.article-editorial .article-page--editorial .article-body h2.article-subhead,
html body.article-editorial .article-page--editorial .article-body h3,
html body.article-editorial .article-page--editorial .article-body h3.article-subhead,
html body.article-editorial .article-ed-sidebar .sidebar-card h3,
html body.article-editorial .article-page--editorial .article-comments .article-section-head h2,
html body.article-editorial .article-page--editorial .article-body .pull-quote,
html body.article-editorial .article-page--editorial .article-body .quote,
html body.article-editorial .article-page--editorial .article-body blockquote {
  font-family: var(--font-display);
}

html body.article-editorial .article-ed-header .subtitle,
html body.article-editorial .article-page--editorial .article-body .intro,
html body.article-editorial .article-page--editorial .article-body p,
html body.article-editorial .article-page--editorial .article-body li {
  font-family: var(--font-body);
}