@font-face {
  font-family: "Selawik";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/selawik-light.woff2") format("woff2");
}

@font-face {
  font-family: "Selawik";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/selawik-regular.woff2") format("woff2");
}

@font-face {
  font-family: "Selawik";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/selawik-semibold.woff2") format("woff2");
}

@font-face {
  font-family: "Selawik";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/selawik-bold.woff2") format("woff2");
}

:root {
  --site-font-sans: "Segoe UI", "Selawik", Tahoma, Geneva, Verdana, sans-serif;
}

html,
body {
  font-family: var(--site-font-sans);
}