/* Calm navy foundation; the logo's red is reserved for small brand accents. */
:root {
    --manjaari-navy: #182b4d;
    --manjaari-blue: #304d78;
    --manjaari-accent: #bb3450;
    --manjaari-surface: #f7f9fc;
    --manjaari-border: #e1e8f1;
}
::selection { background: #d6e1ef; color: #182b4d; }
body { background: #ffffff; color: #475569; }
body .hero-top-area {
    background-image: linear-gradient(135deg, #ffffff 20%, #f0f4fa 100%) !important;
}
body .hero-pure-wrap {
    background: linear-gradient(135deg, #ffffff 20%, #f0f4fa 100%) !important;
}
body .hero-left-col h1, body .hero-heading { color: #182b4d !important; }
body .hero-left-col h1 span.highlight-green { color: #496c99 !important; }
body .hero-heading .brand-gradient-text {
    background: none !important;
    color: #496c99 !important;
    -webkit-text-fill-color: #496c99 !important;
}
body .hero-desc, body .hero-sub-services span { color: #52627a !important; }
body .hero-sub-services .separator { color: #a5b3c6 !important; }
body .hero-badge-pill, body .hero-eyebrow-pill {
    color: #304d78 !important;
    background: #eaf0f7 !important;
    border: 1px solid #dce5f0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
body .hero-badge-pill i, body .hero-eyebrow-pill i {
    color: #bb3450 !important;
    filter: none !important;
}
body .glass-search-card {
    background: #ffffff !important;
    border: 1px solid #e1e8f1 !important;
    box-shadow: 0 12px 36px rgba(24, 43, 77, 0.07) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
body .glass-search-inner { border: 1px solid #e1e8f1 !important; }
body .glass-tab-item { color: #52627a !important; }
body .glass-tab-item:hover { background: #eef3f9 !important; color: #182b4d !important; }
body .glass-tab-item.active { background: #182b4d !important; color: #ffffff !important; }
body .glass-tab-prev, body .glass-tab-next {
    background: #f2f5fa !important;
    color: #304d78 !important;
    border-color: #e1e8f1 !important;
    box-shadow: none !important;
}
body .glass-tab-prev:hover, body .glass-tab-next:hover {
    background: #dfe8f4 !important;
}
body .service-btn-custom, body .btn-modal-submit, body .btn-banner-submit,
body .about-btn, body .btn-hero-primary, body .hero-banner-custom .btn-form {
    background: #182b4d !important;
    color: #ffffff !important;
    border-color: #182b4d !important;
    box-shadow: 0 4px 12px rgba(24, 43, 77, 0.12) !important;
}
body .service-btn-custom:hover, body .btn-modal-submit:hover, body .btn-banner-submit:hover,
body .about-btn:hover, body .btn-hero-primary:hover, body .hero-banner-custom .btn-form:hover {
    background: #304d78 !important;
    border-color: #304d78 !important;
    color: #ffffff !important;
}
body .fixed-side-enquiry-btn { background: #182b4d !important; box-shadow: -3px 0 16px rgba(24, 43, 77, 0.15) !important; }
body .fixed-side-enquiry-btn:hover { background: #304d78 !important; }
body .service-card-custom { border-color: #e1e8f1 !important; box-shadow: 0 8px 28px rgba(24, 43, 77, 0.05) !important; }
body .service-card-custom:hover { border-color: #b7cbe4 !important; }
body .modal-top-accent { background: linear-gradient(90deg, #182b4d 0%, #182b4d 90%, #bb3450 90%) !important; }
body .future-cta-card { background-color: #182b4d; background-image: none; }
body .future-cta-btn { background: #ffffff !important; color: #182b4d !important; box-shadow: none !important; }
body .future-cta-btn:hover { background: #eaf0f7 !important; color: #182b4d !important; }
#header .navbar-nav > li > a:hover, #header .navbar-nav > li.active > a { color: #304d78 !important; }
.footer-wrapper .modern-footer-heading h4 span,
.footer-wrapper .office-tag,
.footer-wrapper .office-contacts a:hover { color: #b7cbe4 !important; }
.footer-wrapper .office-tag svg, .footer-wrapper .office-contacts svg { fill: #b7cbe4; }
.footer-wrapper .modern-footer-list svg { stroke: #b7cbe4; }
.footer-wrapper .heading-accent-line { background: #bb3450; }
a:focus-visible, button:focus-visible { outline: 3px solid #809abc; outline-offset: 4px; }
