/* Prompt — self-hosted (assets/fonts/prompt, SIL Open Font License) */

@font-face {
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/prompt/Prompt-Light.ttf') format('truetype');
}

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

@font-face {
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/prompt/Prompt-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/prompt/Prompt-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/prompt/Prompt-Bold.ttf') format('truetype');
}

:root {
  --font-sans: 'Prompt', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-weight-th: 700;
  --font-style-th: normal;
  --font-weight-en: 700;
  --font-style-en: normal;
}

html[lang="th"] body,
html[lang="th"] button,
html[lang="th"] input,
html[lang="th"] textarea,
html[lang="th"] select {
  font-family: var(--font-th, var(--font-sans));
  font-weight: var(--font-weight-th, 700);
  font-style: var(--font-style-th, normal);
}

html[lang="en"] body,
html[lang="en"] button,
html[lang="en"] input,
html[lang="en"] textarea,
html[lang="en"] select {
  font-family: var(--font-en, var(--font-sans));
  font-weight: var(--font-weight-en, 700);
  font-style: var(--font-style-en, normal);
}