/* ============================================================
   GLOW — TYPOGRAPHY (2026)
   ----------------------------------------------------------------
   Display / headings : Lexend Deca  (Google Fonts)
   Body / UI          : Inter        (system-stack fallback)

   'Canela' / 'Canela Text' are aliased to Lexend Deca so any legacy
   reference across the site keeps rendering the key display face.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* Legacy display references → Lexend Deca */
@font-face {
  font-family: 'Canela';
  src: local('Lexend Deca'),
       url('https://cdn.jsdelivr.net/fontsource/fonts/lexend-deca:vf@latest/latin-wght-normal.woff2') format('woff2-variations');
  font-weight: 100 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Canela Text';
  src: local('Lexend Deca'),
       url('https://cdn.jsdelivr.net/fontsource/fonts/lexend-deca:vf@latest/latin-wght-normal.woff2') format('woff2-variations');
  font-weight: 100 900; font-style: normal; font-display: swap;
}

:root {
  /* Editorial display: hero, H1/H2/H3, GLOW Score */
  --font-display: 'Lexend Deca', 'Canela', system-ui, -apple-system, 'Segoe UI', sans-serif;
  /* UI / body / navigation */
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    'Helvetica Neue', Helvetica, Arial, system-ui, sans-serif;
  /* Legacy tokens some older CSS reads */
  --ff-sans: var(--font-body);
  --ff-serif: var(--font-display);
}