/* =============================================
   Brava Conecta — Design Tokens
   ============================================= */

:root {
    /* Cores da marca */
    --brava-verde-escuro: #174A2B;
    --brava-verde-secundario: #2E7D32;
    --brava-verde-claro: #E8F3EA;
    --brava-amarelo: #F2A900;
    --brava-laranja: #D97706;
    --brava-fundo-claro: #F7F9F7;
    --brava-texto: #1F2933;
    --brava-borda: #D8DED9;
    --brava-branco: #FFFFFF;

    /* Cores semânticas derivadas */
    --brava-sucesso: #2E7D32;
    --brava-sucesso-fundo: #E8F3EA;
    --brava-perigo: #DC2626;
    --brava-perigo-fundo: #FEE2E2;
    --brava-aviso: #D97706;
    --brava-aviso-fundo: #FEF3C7;
    --brava-info: #0EA5E9;
    --brava-info-fundo: #E0F2FE;
    --brava-cinza: #6B7280;
    --brava-cinza-claro: #F3F4F6;

    /* Fontes */
    --brava-fonte-principal: 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
    --brava-fonte-destaque: Georgia, 'Times New Roman', serif;

    /* Tamanhos de fonte */
    --brava-texto-xs: 0.75rem;
    --brava-texto-sm: 0.875rem;
    --brava-texto-base: 1rem;
    --brava-texto-lg: 1.125rem;
    --brava-texto-xl: 1.25rem;
    --brava-texto-2xl: 1.5rem;
    --brava-texto-3xl: 2rem;
    --brava-texto-4xl: 2.5rem;

    /* Pesos */
    --brava-peso-normal: 400;
    --brava-peso-medio: 500;
    --brava-peso-semibold: 600;
    --brava-peso-bold: 700;

    /* Espaçamentos */
    --brava-espaco-1: 0.25rem;
    --brava-espaco-2: 0.5rem;
    --brava-espaco-3: 0.75rem;
    --brava-espaco-4: 1rem;
    --brava-espaco-5: 1.25rem;
    --brava-espaco-6: 1.5rem;
    --brava-espaco-8: 2rem;
    --brava-espaco-10: 2.5rem;
    --brava-espaco-12: 3rem;
    --brava-espaco-16: 4rem;

    /* Raios de borda */
    --brava-raio-sm: 0.25rem;
    --brava-raio-md: 0.5rem;
    --brava-raio-lg: 0.75rem;
    --brava-raio-xl: 1rem;
    --brava-raio-pill: 50rem;

    /* Sombras */
    --brava-sombra-sm: 0 1px 2px rgba(31, 41, 51, 0.06);
    --brava-sombra-md: 0 4px 6px rgba(31, 41, 51, 0.08);
    --brava-sombra-lg: 0 10px 15px rgba(31, 41, 51, 0.1);
    --brava-sombra-xl: 0 20px 25px rgba(31, 41, 51, 0.12);

    /* Layout */
    --brava-sidebar-largura: 260px;
    --brava-sidebar-largura-recolhida: 72px;
    --brava-topbar-altura: 64px;
    --brava-transicao-rapida: 180ms ease;
    --brava-transicao-media: 250ms ease;
}