/* ==========================================================================
   main.css - apenas importa os módulos de estilo. Não definir regras aqui.
   ========================================================================== */

/* Base */
@import "base/reset.css";
@import "base/variables.css";
@import "base/typography.css";
@import "base/global.css";

/* Layout */
@import "layout/app-shell.css";
@import "layout/header.css";
@import "layout/footer.css";
@import "layout/grid.css";

/* Components */
@import "components/buttons.css";
@import "components/cards.css";
@import "components/popups.css";
@import "components/discovery-popup.css";
@import "components/challenge-feedback-popup.css";
@import "components/progress-bar.css";
@import "components/badges.css";
@import "components/album-card.css";
@import "components/seal-card.css";
@import "components/settings-modal.css";
@import "components/form.css";
@import "components/empty-state.css";
@import "components/screen-icon-buttons.css";
@import "components/game-status-bar.css";

/* Screens */
@import "screens/home.css";
@import "screens/avatar.css";
@import "screens/tela-mapa.css";
@import "screens/tela-boca-dentes.css";
@import "screens/tela-digestao.css";
@import "screens/tela-coracao.css";
@import "screens/tela-respiracao.css";
@import "screens/tela-cerebro.css";
@import "screens/tela-musculos-ossos.css";
@import "screens/tela-imunidade.css";
@import "screens/tela-alimentacao.css";
@import "screens/tela-sono-descanso.css";
@import "screens/tela-equilibrio.css";
@import "screens/tela-album.css";
@import "screens/mission.css";
@import "screens/reward.css";
@import "screens/album.css";
@import "screens/seals.css";
@import "screens/responsible.css";

/* Responsive (mobile-first; ordem importa para especificidade crescente) */
@import "responsive/mobile.css";
@import "responsive/tablet.css";
@import "responsive/desktop.css";
@import "responsive/landscape.css";