/* ─────────────────────────────────────────────────────────────────────────
   Ponto de entrada do CSS — SUMEP
   ─────────────────────────────────────────────────────────────────────────
   Ordem de import é significativa (cascata):
     1. variables.css → tokens (cores, fontes, raios, sombras)
     2. base.css      → reset + body
     3. components/*  → primitivas reusáveis (sidebar, topbar, btn, form…)
     4. views/*       → estilos específicos de tela (public, dashboards…)

   Guia de tweaks visuais: ../DESIGN_SYSTEM.md
   ───────────────────────────────────────────────────────────────────────── */

@import './variables.css';
@import './base.css';

@import './components/nav.css';
@import './components/footer.css';
@import './components/buttons.css';
@import './components/badges.css';
@import './components/tables.css';
@import './components/forms.css';
@import './components/cards.css';
@import './components/sidebar.css';
@import './components/topbar.css';
@import './components/perfil-picker.css';
@import './components/demanda-thread.css';
@import './components/dialog.css';
@import './components/plist.css';

@import './views/public.css';
@import './views/login.css';
@import './views/executiva.css';
@import './views/diretoria.css';
@import './views/estudante.css';
@import './views/liga.css';

/* Regras mobile que ainda não têm dono num arquivo de componente.
   O que saiu daqui na onda 14:
     - `nav` / `.nav-links` → components/nav.css (o seletor `nav` puro vazava
       para <nav class="ev-pagination">, e `display:none` deixava o site
       público sem navegação nenhuma no celular)
     - `.dash-main`         → components/topbar.css, junto do resto do shell */
@media (max-width: 768px) {
  .hero { padding: 120px 24px 60px; }
  .section { padding: 60px 24px; }
  .login-container { grid-template-columns: 1fr; }
  .login-left { display: none; }
  .stats-grid { grid-template-columns: repeat(2,1fr); }
  .form-row { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .hero { padding: 104px 18px 48px; }
  .section { padding: 44px 18px; }
  .stats-grid { grid-template-columns: 1fr; }
}