:root {
    --brand-navy: #242d72;
    --brand-navy-dark: #1b2258;
    --brand-navy-light: #39468f;
    --brand-pink: #e5347a;
    --brand-pink-dark: #b91e5b;
    --brand-pink-light: #f8b7d1;
    --brand-pink-soft: #fce7f0;
    --brand-blue-soft: #eef0fb;
}

/* Bootstrap-based public, admin, and job-seeker screens */
.btn-primary,
.btn-success {
    color: #fff !important;
    background-color: var(--brand-navy) !important;
    border-color: var(--brand-navy) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    color: #fff !important;
    background-color: var(--brand-pink-dark) !important;
    border-color: var(--brand-pink-dark) !important;
}

.btn-outline-primary,
.btn-outline-success {
    color: var(--brand-navy) !important;
    border-color: var(--brand-navy) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-success:hover,
.btn-outline-success:focus {
    color: #fff !important;
    background-color: var(--brand-navy) !important;
    border-color: var(--brand-navy) !important;
}

.text-primary {
    color: var(--brand-navy) !important;
}

.bg-primary {
    background-color: var(--brand-navy) !important;
}

.border-primary {
    border-color: var(--brand-navy) !important;
}

.page-link {
    color: var(--brand-navy);
}

.page-item.active .page-link {
    color: #fff;
    background-color: var(--brand-navy);
    border-color: var(--brand-navy);
}

.form-control:focus,
.custom-select:focus,
.form-control:focus-visible {
    border-color: var(--brand-pink);
    box-shadow: 0 0 0 0.2rem rgba(229, 52, 122, 0.2);
}

.custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:focus ~ .custom-control-label::before {
    background-color: var(--brand-navy);
    border-color: var(--brand-navy);
}

.dt-button,
.sidebar-toggle-btn {
    background-color: var(--brand-navy) !important;
    border-color: var(--brand-navy) !important;
    color: #fff !important;
}

.dt-button:hover,
.sidebar-toggle-btn:hover {
    background-color: var(--brand-pink-dark) !important;
    border-color: var(--brand-pink-dark) !important;
}

.footer-modern .footer-social a,
.footer-modern .footer-social a i,
.footer-modern .copyright a {
    color: var(--brand-pink) !important;
}

.footer-modern .footer-social a:hover,
.footer-modern .footer-social a:hover i,
.footer-modern .footer-links a:hover {
    color: var(--brand-pink-light) !important;
}

.footer-modern .footer-contact i {
    color: var(--brand-pink) !important;
}

.registration-icon {
    color: var(--brand-navy) !important;
    border-color: var(--brand-navy) !important;
}

.registration-icon:hover,
.login-icon {
    background-color: var(--brand-navy) !important;
}

.login-icon:hover,
.logout-icon {
    background-color: var(--brand-pink) !important;
}

.logout-icon:hover {
    background-color: var(--brand-navy) !important;
    border-color: var(--brand-navy) !important;
}

.logout-menu-icon {
    color: var(--brand-pink) !important;
}

.dashboard-sidebar .sidebar-brand-badge {
    background: linear-gradient(135deg, var(--brand-pink), var(--brand-navy)) !important;
}

.dashboard-nav a:focus-visible,
.btn:focus-visible,
a:focus-visible {
    outline: 3px solid var(--brand-pink-light);
    outline-offset: 2px;
}