:root {
    --cor-primaria: #2563EB;
    --cor-primaria-escura: #1E40AF;
    --cor-primaria-clara: #3B82F6;
    --gradiente-primario: linear-gradient(135deg, var(--cor-primaria) 0%, var(--cor-primaria-escura) 100%);
    --gradiente-primario-hover: linear-gradient(135deg, var(--cor-primaria-escura) 0%, #1E3A8A 100%);
    --gradiente-suave: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%);
    --texto-primario: #111827;
    --texto-secundario: #6B7280;
    --fundo-claro: #F9FAFB;
    --borda-clara: #E5E7EB;
    --sucesso: #10B981;
    --amarelo-alerta: #F59E0B;
    --erro: #EF4444;
    --roxo: #8B5CF6;
    --cinza-escuro: #374151;
}

/* Utilizado nos botões "principais" */
.btn-primary {
    background: var(--gradiente-primario);
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);
    transition: all 0.3s ease;
}

    .btn-primary:hover {
        background: var(--gradiente-primario-hover);
        box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
    }

.btn-secondary {
    transition: all 0.3s ease;
    border: 2px solid var(--borda-clara);
}

    .btn-secondary:hover {
        border-color: var(--cor-primaria);
        background: rgba(37, 99, 235, 0.05);
    }