:root {
    --auth-primary: #4f46e5;
    --auth-primary-strong: #3730a3;
    --auth-accent: #22d3ee;
    --auth-background: linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);
}

.auth-badge {
    background: linear-gradient(135deg, #4f46e5, #22d3ee);
}

.auth-helper__pill {
    background: rgba(79, 70, 229, 0.1);
    color: #3730a3;
}

.auth-button {
    background: linear-gradient(135deg, #4f46e5, #4338ca);
    box-shadow: 0 15px 32px rgba(79, 70, 229, 0.28);
}

.auth-button:hover {
    box-shadow: 0 18px 40px rgba(79, 70, 229, 0.32);
}