/* Use the medium Gilroy face for site-wide reading text. */
@font-face {
  font-family: "Sao Viet Gilroy";
  src: url("../fonts/svn-gilroy-medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Sao Viet Gilroy";
  src: url("../fonts/svn-gilroy-semibold.woff2") format("woff2");
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
}

@font-face {
  font-family: "Sao Viet Gilroy";
  src: url("../fonts/svn-gilroy-bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
}

:root {
  --sv-font-primary: "Sao Viet Gilroy", "Be Vietnam Pro", "Segoe UI", Arial, sans-serif;
  --font-primary: var(--sv-font-primary);
  --bs-body-font-family: var(--sv-font-primary);
}

body,
body :where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
  p, a, li, dt, dd, label, button, input, select, textarea) {
  font-family: var(--sv-font-primary) !important;
}