/* Fonts for the theme - generated by assistant
   Place local font files in ../fonts/ (Satoshi) and use Google Fonts for Poppins as fallback
*/

/* Load Poppins from Google Fonts (weights 300-700). If you prefer a local copy, add files and @font-face rules. */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap");

@font-face {
  font-family: "Satoshi Variable";
  src: url("../fonts/Satoshi-Variable.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Satoshi Variable";
  src: url("../fonts/Satoshi-VariableItalic.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* Make Poppins the default for the whole site */
body {
  font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

/* Tailwind-like utility classes so you can use them alongside Tailwind classes.
   Example: <div class="font-satoshi text-lg">Texto com Satoshi</div>
*/
.font-satoshi {
  font-family: "Satoshi Variable", "Poppins", system-ui, -apple-system,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

.font-satoshi-italic {
  font-family: "Satoshi Variable", "Poppins", system-ui, -apple-system,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-style: italic;
}