/* Self-hosted fonts. Mirrors the Figma type stack so the site renders
 * even when Google Fonts is blocked or down. Pulled from
 * @expo-google-fonts/{instrument-serif,poppins} and woff2_compress'd.
 */

@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/InstrumentSerif_400Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/InstrumentSerif_400Regular_Italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/Poppins_400Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/Poppins_400Regular_Italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/Poppins_500Medium.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/Poppins_600SemiBold.woff2') format('woff2');
}

/* Instrument Sans — the body sans face used across landing sec-* surfaces.
 * Mirrors the mobile app's font stack (@expo-google-fonts/instrument-sans).
 * Without these, CSS rules declaring 'Instrument Sans' silently fell back
 * to Poppins, which is a different design. */

@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/InstrumentSans_400Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Instrument Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/InstrumentSans_400Regular_Italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/InstrumentSans_500Medium.woff2') format('woff2');
}

@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/InstrumentSans_600SemiBold.woff2') format('woff2');
}

/* Noto Serif KR — subsetted to Latin + Hangul + saju-engine Hanja
 * (~155 CJK chars). Lazy: browsers only fetch the woff2 if the page
 * actually renders a Korean/Hanja glyph, so English-only pages pay
 * nothing for these declarations.
 */

/* NotoSerifKR @font-face declarations removed — the .woff2 files are
   1.17 MB and 1.16 MB respectively (~2.3 MB combined) but a grep of
   styles.css shows the family name is NEVER referenced. Browsers were
   still downloading both files because @font-face primes them on the
   match against `font-family: ... 'Noto Sans KR' ...` declarations,
   even though the cascade resolved to 'Noto Sans KR' (different family)
   not 'Noto Serif KR'. The .woff2 files remain in /fonts/ but are no
   longer linked. */

/* Custom display + CJK fonts used in the new landing sections (sec02 / sec04 / sec11 / sec12).
 * TAY Makawao = small-caps display serif used for section eyebrows + footer column titles.
 * Hahmlet = Korean variable serif used for Hangul stem/branch characters in sec04
 *           + the how-it-works deck pillar cards. Subset covers the FULL set of
 *           10 cheongan (갑을병정무기경신임계) + 12 jiji (자축인묘진사오미신유술해)
 *           so any pillar combination renders without falling back to a system CJK face.
 */

@font-face {
  font-family: 'TAY Makawao';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/TAYMakawao_400Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Hahmlet';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/Hahmlet-subset.woff2') format('woff2-variations');
}