@import url("Temml-STIX2.css");

html[data-theme="dark"] {
  background: hsl(223, 28%, 13%);
}

html[data-theme="light"] {
  background: white;
}

:root {
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  body {}
}

@media (prefers-color-scheme: light) {
  body {}
}

/* Not yet */
/*
html {
  scrollbar-gutter: stable;
} */

/* Font */
@font-face {
  font-family: "Wotfard";
  src: url("/fonts/wotfard-regular-webfont.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: "Fira Code";
  src: url("/fonts/FiraCode-VF.woff2") format("woff2");
  font-display: swap;
  /* font-style: normal; */
}