/* Ekkamai Vibe — shared Thai typography for all site pages.
   Font assets are hosted in /assets/font/ and served locally. */
@font-face {
  font-family: "Ekkamai Vibe";
  src: url("/assets/font/EkkamaiVibe-thin.woff2") format("woff2");
  font-style: normal;
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: "Ekkamai Vibe";
  src: url("/assets/font/EkkamaiVibe-light.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Ekkamai Vibe";
  src: url("/assets/font/EkkamaiVibe-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 500 600;
  font-display: swap;
}
@font-face {
  font-family: "Ekkamai Vibe";
  src: url("/assets/font/EkkamaiVibe-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700 800;
  font-display: swap;
}
@font-face {
  font-family: "Ekkamai Vibe";
  src: url("/assets/font/EkkamaiVibe-Heavy.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}
:root {
  --font-thai: "Ekkamai Vibe", sans-serif;
}
/* Use Ekkamai Vibe for Thai UI and body text, while preserving each page's English face. */
html[lang^="th"] body,
body:lang(th),
:lang(th) {
  font-family: var(--font-thai);
}
:lang(th) input,
:lang(th) textarea,
:lang(th) select,
:lang(th) button {
  font-family: var(--font-thai);
}