/* ===== ECOHABIT MAIN CSS ===== */

/* ===== BASE CSS IMPORTS ===== */
@import 'base/variables.css';
@import 'base/reset.css';
@import 'base/typography.css';
@import 'base/utilities.css';

/* ===== COMPONENTS CSS IMPORTS ===== */
@import 'components/buttons.css';
@import 'components/cards.css';
@import 'components/dropdown.css';
@import 'components/forms.css';
@import 'components/tabs.css';
@import 'components/toast.css';

/* ===== LAYOUT CSS IMPORTS ===== */
@import 'layout/grid.css';
@import 'layout/header.css';
@import 'layout/footer.css';

/* ===== PAGES CSS IMPORTS each page ===== */


/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 1200px) {
  /* Large devices */
}

@media (max-width: 992px) {
  /* Medium devices */
}

@media (max-width: 768px) {
  /* Small devices */
}

@media (max-width: 576px) {
  /* Extra small devices */
}