/* TFS brand type — Plus Jakarta Sans Medium for headings (Google Fonts; full
   Vietnamese coverage — replaced Clash Display 09/2026, which lacked the stacked
   diacritics such as ế/ố/ồ; picked over Bricolage Grotesque / Space Grotesk / Manrope
   in the hero mockup round). Be Vietnam Pro stays as the fallback and body font.
   Colors live in the design-system tokens (_ds/.../tokens/colors.css) — accent = TFS Navy #053E81 / #001A38. */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600&display=swap');

h1, h2, h3 {
  font-family: 'Plus Jakarta Sans', 'Be Vietnam Pro', sans-serif;
}

/* "Mạnh mẽ" pass (09/2026): display type sits at Medium with tighter tracking.
   The artboards carry weight/tracking inline, so the brand layer has to win with !important. */
h1, h2 {
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
}

/* Eyebrow labels (the small uppercase section tags) sit in Be Vietnam Pro Light
   instead of Bold — review 09/2026 ("đổi font chữ 2 light": brand font #2, Light).
   The Eyebrow component reads this token, so overriding it covers every page. */
:root {
  --text-eyebrow: 300 var(--size-eyebrow)/var(--lh-eyebrow) var(--font-core);
}