/* external imports */
@import url('https://fonts.googleapis.com/css2?family=Poppins&family=Roboto:wght@100;200;300;400&display=swap');

/* component imports */
@import "./reset.css";
@import "./utils.css";
@import "../components/avatar.css";
@import "../components/badge.css";
@import "../components/alert.css";
@import "../components/button.css";
@import "../components/image.css";
@import "../components/input.css";
@import "../components/text-utilities.css";
@import "../components/list.css";
@import "../components/navigation.css";
@import "../components/modal.css";
@import "../components/grid.css";
@import "../components/toast.css";
@import "../components/rating.css";
@import "../components/image.css";
@import "../components/input.css";
@import "../components/cards.css";
@import "../components/slider.css";

/* project initials */

*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: var(--default-font-size);
}

body {
  font-family: "Roboto", sans-serif;
  min-height: 100vh;
}