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

:root {
    --sidebar-width: 262px;
    --sidebar-width-collapsed: 80px;
    --navbar-height: 60px;
    
    /* Paleta RPG Medieval */
    --cor-primaria: #8b6914; /* Bronze Medieval */
    --cor-primaria-light: #a67c1a;
    --cor-primaria-dark: #6b5010;
    --cor-secundaria: #3d2817; /* Couro Escuro */
    --cor-fundo: #2c1810; /* Fundo Medieval */
    --cor-surface: #f5f0e8; /* Pergaminho */
    --cor-surface-dark: #ebe4d8; /* Pergaminho Escuro */
    --cor-texto: #3d2817; /* Texto Couro */
    --cor-texto-leve: #3d2817; /* Texto Secundário (escurecido de #6b5010) */
    --cor-texto-sidebar: #d4af37; /* Texto Dourado */
    --cor-texto-sidebar-hover: #ffd700; /* Dourado Brilhante */
    --cor-borda: #8b6914; /* Borda Bronze */
    --cor-sucesso: #2ecc71; /* Verde Esmeralda */
    --cor-alerta: #e74c3c; /* Vermelho Sangue */
    --cor-aviso: #f39c12; /* Laranja Ouro */
    --cor-info: #3498db; /* Azul Mágico */
    --cor-60-40: #6a89cc; /* Azul Mistico */
    --cor-especial: #9b59b6; /* Purple Mistico */
    --cor-neutra: #95a5a6; /* Cinza Pedra */
    --cor-dourado: #ffd700; /* Dourado Puro */
    --cor-dourado-suave: #d4af37; /* Dourado Suave */
    
    --sombra-suave: 0 4px 12px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);
    --sombra-medieval: 0 8px 32px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 215, 0, 0.2);
    --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;
}