/*
 * ============================================================
 *  ONFIDE MAIN CSS — main.css
 *  Ponto de entrada único do sistema de estilos
 *
 *  Importar SOMENTE este arquivo em todas as páginas:
 *  <link rel="stylesheet" href="/assets/css/main.css" />
 *
 *  Ordem intencional:
 *  Tokens → Reset → Tipografia → Layout → Componentes → Anim
 *  → Página → Utilitários → A11y
 * ============================================================
 */

/* ── FONTES (Google Fonts — carregado aqui, uma só vez) ────── */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&family=Open+Sans:wght@400;500;600&family=Montserrat:wght@500;600;700&display=swap');

/* [00] Tokens — variáveis globais (deve ser PRIMEIRO) */
@import './00-tokens.css';

/* [01] Reset — normalização base */
@import './01-reset.css';

/* [02] Tipografia — sistema de fontes completo */
@import './02-typography.css';

/* [03] Layout — containers, grades, espaçamento */
@import './03-layout.css';

/* [04] Botões — sistema completo de ações */
@import './04-buttons.css';

/* [05] Cards — todos os tipos de cards */
@import './05-cards.css';

/* [06] Navbar — header fixo com mobile drawer */
@import './06-navbar.css';

/* [07] Footer — rodapé institucional */
@import './07-footer.css';

/* [08] Components — componentes reutilizáveis */
@import './08-components.css';

/* [09] Animations — sistema de animações */
@import './09-animations.css';

/* [10] Accessibility — padrões a11y */
@import './10-accessibility.css';

/* [11] Page — padrões compartilhados entre páginas internas */
@import './11-page.css';

/* [12] Utilities — classes utilitárias globais */
@import './12-utilities.css';