@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: "MonteCarlo";
  src: url("./MonteCarlo-regular-subset.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "EBGaramond";
  src: url("./EBGaramond-subset.woff2") format("woff2");
  font-style: normal;
}

@font-face {
  font-family: "EBGaramond-Italic";
  src: url("./EBGaramond-Italic-VariableFont_wght.ttf")
    format("woff-variations");
  font-style: italic;
}