/* css/partials/variables.css
   Contém as variáveis CSS e estilos globais básicos
*/

:root {
    --sidebar-width: 260px;
    --sidebar-width-collapsed: 80px;
    --navbar-height: 60px;
    --cor-primaria: #3b82f6; /* Azul Royal */
    --cor-secundaria: #1e293b; /* Sidebar Escura */
    --cor-fundo: #f1f5f9;
    --cor-surface: #ffffff;
    --cor-texto: #334155;
    --cor-texto-leve: #64748b;
    --cor-texto-sidebar: #cbd5e1;
    --cor-texto-sidebar-hover: #ffffff;
    --cor-borda: #e2e8f0;
    --cor-sucesso: #10b981;
    --cor-alerta: #ef4444;
    --cor-aviso: #1e293b;
    --cor-info: #0ea5e9;
    --cor-60-40: #6a89cc;
    --cor-especial: #8b5cf6;
    --cor-neutra: #94a3b8;
    --sombra-suave: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    --raio-borda: 8px;
    --transition-speed: 0.3s;
}

/* estilos globais */
body, html {
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background-color: var(--cor-fundo);
    color: var(--cor-texto);
    -webkit-font-smoothing: antialiased;
}