/*=======================================
JERICÓ MULTIBANK - MAIN CSS
Entry Point — Importa toda a folha de estilos
Ordem: Tema → Base → Componentes → Seções
Autor: Alan Kardec
=======================================*/

/*
 * TEMA — as variáveis CSS são carregadas pelo <link id="theme-stylesheet">
 * no HTML, permitindo troca dinâmica via JS.
 * Ver: themes/default/variables.css | loadTheme() em AppController
 */

/* 1. BASE — Reset, Tipografia, Layout, Utilitários */
@import url('./base/reset.css');
@import url('./base/typography.css');
@import url('./base/layout.css');
@import url('./base/utilities.css');

/* 2. COMPONENTES — Reutilizáveis e independentes de seção */
@import url('./components/buttons.css');
@import url('./components/cards.css');
@import url('./components/forms.css');
@import url('./components/badges.css');
@import url('./components/tabs.css');
@import url('./components/header.css');
@import url('./components/footer.css');

/* 3. SEÇÕES — Estilos específicos de cada seção da landing page */
@import url('./sections/hero.css');
@import url('./sections/simulator.css');
@import url('./sections/benefits.css');
@import url('./sections/services.css');
@import url('./sections/testimonials.css');
@import url('./sections/cta.css');
@import url('./sections/error.css');

/* 4. RESPONSIVE — Media queries separadas por categoria */
@import url('./responsive/base.css');
@import url('./responsive/components.css');
@import url('./responsive/sections.css');