/* SkillSip app font override.
   Inter handles Latin UI/headline text; Sarabun covers Thai body/UI glyphs.
   Inter ships no Thai glyphs, so Thai characters fall through to Sarabun.
   Loaded after the vendor/theme CSS so these variables win without editing main.css. */
:root {
  --skillsip-font-sans: "Inter", "Sarabun", "Noto Sans Thai", "Noto Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif;
  --tg-body-font-family: var(--skillsip-font-sans);
  --tg-heading-font-family: var(--skillsip-font-sans);
  --bs-font-sans-serif: var(--skillsip-font-sans);
  --bs-body-font-family: var(--skillsip-font-sans);
}

html,
body,
button,
input,
select,
textarea,
.btn,
.form-control,
.form-select {
  font-family: var(--skillsip-font-sans);
}

body {
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}