/*
 * Ponto de entrada do CSS — carregado por <link rel="stylesheet"> no <head> do index.html.
 * Assim o navegador baixa e aplica o estilo antes de pintar, também no servidor de desenvolvimento
 * (importado pelo JS, o Vite dev injetava o CSS só depois do script e o HTML aparecia cru).
 * A ordem é a mesma de antes.
 */
@import '@fontsource-variable/archivo/wdth.css';
@import '@fontsource/ibm-plex-sans/400.css';
@import '@fontsource/ibm-plex-sans/500.css';
@import '@fontsource/ibm-plex-sans/600.css';
@import '@fontsource/lato/400.css';
@import '@fontsource/lato/700.css';

@import './tokens.css';
@import './base.css';
@import './ui.css';
@import './sections/nav.css';
@import './sections/hero.css';
@import './sections/problem.css';
@import './sections/flow.css';
@import './sections/timeline.css';
@import './sections/offline.css';
@import './sections/evidence.css';
@import './sections/closing.css';
@import './sections/wk.css';
@import './sections/dash.css';
@import './sections/portal.css';
@import './sections/caps.css';
@import './sections/faq.css';
@import './sections/cta.css';

/* Fase 2: tablet e celular — sempre por último */
@import './responsive.css';