/* Global app typography — avoid * selector so icon webfonts still work */
html, body {
  font-family: 'Kanit', sans-serif;
}

/* Restore icon font families if other pages use broad typography rules */
.fas, .far, .fal, .fad, .fa-solid, .fa-regular, .fa-light, .fa {
  font-family: "Font Awesome 6 Free" !important;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.fab, .fa-brands {
  font-family: "Font Awesome 6 Brands" !important;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
  font-family: bootstrap-icons !important;
}