/* Anihoue typography — Display / Body / UI + Thai fallback (Noto Sans Thai) */
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=Noto+Sans+Thai:wght@300;400;500;600;700&family=Nunito:wght@400;500;600;700&display=swap');

:root {
  --font-th: 'Noto Sans Thai', system-ui, sans-serif;
  --font-display: 'Fredoka', var(--font-th);
  --font-body: 'Nunito', var(--font-th);
  --font-ui: 'Inter', var(--font-th);
  /* legacy alias used in older rules */
  --font: var(--font-body);
}

.font-display { font-family: var(--font-display); }
.font-body { font-family: var(--font-body); }
.font-ui { font-family: var(--font-ui); }

option,
optgroup {
  font-family: var(--font-ui);
}

button,
input,
select,
textarea {
  font-family: var(--font-ui);
}