@import "tailwind.css";
@font-face {
  font-family: "Bitter";
  src: url("../fonts/Bitter/Bitter-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: optional;
}
/* @font-face {
  font-family: "Bitter";
  src: url("../fonts/Bitter/Bitter-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: optional;
} */
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/Inter-VariableFont_opsz,wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: optional;
}
/* @font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/Inter-Italic-VariableFont_opsz,wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: optional;
} */

/* @theme {
  --font-heading: "Bitter", serif;
  --font-body: "Inter", sans-serif;
  --color-primary: #0D9488;
  --color-primary-hover: #0f766e;
}


@layer base {
  body {
    font-family: var(--font-body);
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
  }
} */