/* ============================================================
   THE GLOW — CANELA FONT SYSTEM (2026)
   ----------------------------------------------------------------
   Canela is the editorial display face. Cormorant Garamond +
   Playfair Display are graceful Google-Font fallbacks while
   Canela is loading or absent.

   Drop Canela files into /assets/fonts/ with these exact names:
     Canela-Thin.woff2        (weight 200)         — optional
     Canela-Light.woff2       (weight 300)
     Canela-LightItalic.woff2 (weight 300, italic) — optional
     Canela-Regular.woff2     (weight 400)
     Canela-Italic.woff2      (weight 400, italic)
     Canela-Medium.woff2      (weight 500)         — optional

   Anything not provided will fall back gracefully via the stack.
   ============================================================ */

@font-face {
  font-family: 'Canela';
  src: url('/assets/fonts/Canela-Thin.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Canela';
  src: url('/assets/fonts/Canela-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Canela';
  src: url('/assets/fonts/Canela-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Canela';
  src: url('/assets/fonts/Canela-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Canela';
  src: url('/assets/fonts/Canela-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Canela';
  src: url('/assets/fonts/Canela-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* ============================================================
   GLOBAL TYPOGRAPHY TOKENS
   ============================================================ */

:root {
  /* Editorial display: hero, H1/H2/H3 across all editorial surfaces */
  --font-display: 'Canela', 'Cormorant Garamond', 'Playfair Display', 'Bodoni Moda', Didot, Georgia, serif;

  /* UI / body / navigation */
  --font-body: 'Inter', 'Suisse Int\'l', 'Neue Haas Grotesk', 'Helvetica Neue', Helvetica, Arial, system-ui, sans-serif;
}

/* ============================================================
   CANELA OVERRIDE — re-target every editorial display surface
   ----------------------------------------------------------------
   Higher specificity than legacy reviews.css rules so we don't
   need to refactor every hardcoded Playfair stack. Body / UI /
   nav stays on Inter via the existing rules.
   ============================================================ */

html body h1,
html body h2,
html body h3,
html body .glow-hero__h1,
html body .glow-hero__h1 em,
html body .glow-section-h2,
html body .glow-section-h2 em,
html body .glow-card__h3,
html body .glow-card__h3 em,
html body .glow-card__num,
html body .glow-tile__h3,
html body .glow-idx__label,
html body .glow-idx__num,
html body .featured-clinic-banner__h2,
html body .mag-lead--text h2,
html body .mag-side-card h3,
html body .policy-h1,
html body .policy-h1 em,
html body .policy-body h2,
html body .policy-body h2 em,
html body .glow-hero__index-prompt-line {
  font-family: var(--font-display) !important;
}

/* Body and UI surfaces — keep Inter explicit */
html body,
html body p,
html body li,
html body input,
html body textarea,
html body button,
html body .review-nav .nav-links,
html body .review-nav .nav-links a,
html body .glow-subnav__links a,
html body .glow-tile__cat,
html body .glow-tile__sub,
html body .glow-tile__cta,
html body .glow-card__cat,
html body .glow-card__sub,
html body .glow-card__cta,
html body .glow-hero__eyebrow,
html body .glow-hero__sub,
html body .glow-section-eyebrow,
html body .glow-section-sub,
html body .glow-card__arrow {
  font-family: var(--font-body) !important;
}