@font-face {
  font-family: "Instagram Sans Headline";
  src: url("fonts/InstagramSansHeadline-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Logi Grid Display";
  src: url("fonts/LogiGridDisplay-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Modak";
  src: url("fonts/Modak-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans Devanagari";
  src: url("fonts/NotoSansDevanagari-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --font-heading: "Instagram Sans Headline", "Noto Sans Devanagari", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-devanagari: "Logi Grid Display", "Modak", "Noto Sans Devanagari", sans-serif;
}

h1, h2, h3, h4, h5, h6,
.eyebrow,
.card-heading > h2,
.card-heading > p,
.stage-note,
.account-subtitle,
.hero-description,
.section-heading > p,
.module-description,
.brand-gallery header > p,
.brand-gallery .selection h2 {
  font-family: var(--font-heading);
  font-style: normal;
  font-weight: 400;
  font-synthesis: none;
}

/* A renamed, lighter Modak derivative preserves the selected rounded style.
   The original Modak and English heading font remain unchanged. */
[lang="sa"],
.module-name:lang(sa),
.day-tags > span:lang(sa) {
  font-family: var(--font-devanagari);
  font-style: normal;
  font-weight: 500;
  font-synthesis: none;
  letter-spacing: normal;
  font-feature-settings: normal;
}
