/* Dynamic Theme Colors from Admin Settings */
:root {
    --brand: #1d4ed8;
    --brand2: #1d4ed8;
    --primary-color: #1d4ed8;
    --secondary-color: #1d4ed8;
}

/* Override any existing brand colors */
.btn-primary {
    background: linear-gradient(135deg, #1d4ed8, #1d4ed8);
    box-shadow: 0 10px 20px #1d4ed840;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #1d4ed8ee, #1d4ed8ee);
}

.footer-socials a {
    background: #1d4ed81a;
    color: #1d4ed8;
}

.footer-socials a:hover {
    background: #1d4ed833;
}

.step.active .dot {
    background: #1d4ed81f;
    border-color: #1d4ed866;
    color: #1d4ed8;
}

.step.completed .dot {
    background: #1d4ed81f;
    border-color: #1d4ed866;
    color: #1d4ed8;
}

.input:focus-within {
    border-color: #1d4ed88c;
    box-shadow: 0 0 0 4px #1d4ed81f;
}

.footer-section a:hover {
    color: #1d4ed8;
}

.resend-code a {
    color: #1d4ed8;
}

.resend-code a:hover {
    color: #1d4ed8;
}

.otp-input:focus {
    border-color: #1d4ed8;
    box-shadow: 0 0 0 4px #1d4ed81f;
}

.otp-input.filled {
    background: #1d4ed80d;
    border-color: #1d4ed8;
}

.badge {
    border-color: #1d4ed859;
    background: #1d4ed814;
    color: #1d4ed8;
}

.strength-fill.strong {
    background: #1d4ed8;
}

.strength-text.strong {
    color: #1d4ed8;
}

.requirement.met {
    color: #1d4ed8;
}

.requirement.met i {
    color: #1d4ed8;
}

.confirmation-box {
    background: linear-gradient(135deg, #1d4ed814, #1d4ed814);
    border-color: #1d4ed833;
}