:root {
    --cor-primaria: #1e3a5f;
    --cor-secundaria: #2563eb;
    --cor-fundo-inicio: #1e3a5f;
    --cor-fundo-meio: #2563eb;
    --cor-fundo-fim: #60a5fa;
    --cor-texto: #333333;
    --cor-texto-claro: #666666;
    --cor-erro: #c62828;
    --cor-erro-bg: #ffebee;
    --cor-sucesso: #2e7d32;
    --cor-sucesso-bg: #e8f5e9;
    --cor-card-cliente-borda: #01a9b4;
    --cor-card-cliente-bg-inicio: #f0fdfe;
    --cor-card-cliente-bg-fim: #e6f9fa;
    --cor-card-visitante-borda: #fce181;
    --cor-card-visitante-bg-inicio: #fffef0;
    --cor-card-visitante-bg-fim: #fefce6;
    --cor-input-borda: #e0e0e0;
}

body {
    background: linear-gradient(135deg, 
        var(--cor-fundo-inicio) 0%, 
        var(--cor-fundo-meio) 50%, 
        var(--cor-fundo-fim) 100%);
    background-attachment: fixed;
    min-height: 100vh;
    margin: 0;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

.auth-btn,
.portal-btn,
.welcome-btn {
    background: linear-gradient(135deg, var(--cor-fundo-inicio) 0%, var(--cor-fundo-meio) 50%, var(--cor-fundo-fim) 100%);
}

.auth-btn:hover,
.portal-btn:hover,
.welcome-btn:hover {
    box-shadow: 0 6px 20px rgba(1, 169, 180, 0.4);
}

.auth-card-cliente {
    border-left-color: var(--cor-secundaria);
}

.auth-card-icon,
.auth-back-btn,
.welcome-highlight {
    color: var(--cor-secundaria);
}

.auth-input:focus {
    border-color: var(--cor-secundaria);
    box-shadow: 0 0 0 3px rgba(1, 169, 180, 0.1);
}

.auth-erro {
    background: var(--cor-erro-bg);
    color: var(--cor-erro);
}

.auth-sucesso {
    background: var(--cor-sucesso-bg);
    color: var(--cor-sucesso);
}

.auth-termos a,
.portal-termos a,
.welcome-termos a,
.auth-checkbox-group a {
    color: var(--cor-secundaria);
}

/* Cards de seleção */
.auth-card-cliente {
    border-left: 4px solid var(--cor-card-cliente-borda, #01a9b4);
    background: linear-gradient(135deg, var(--cor-card-cliente-bg-inicio, #f0fdfe) 0%, var(--cor-card-cliente-bg-fim, #e6f9fa) 100%);
}

.auth-card-visitante {
    border-left: 4px solid var(--cor-card-visitante-borda, #fce181);
    background: linear-gradient(135deg, var(--cor-card-visitante-bg-inicio, #fffef0) 0%, var(--cor-card-visitante-bg-fim, #fefce6) 100%);
}