:root {
    --brand-blue: #0B4DA0;
    --brand-blue-dark: #072E61;
    --brand-blue-light: #1565C0;
    --brand-red: #C41E3A;
    --brand-red-dark: #9A172E;
    --brand-red-light: #E02445;
    --brand-dark: #0A0A0A;
    --brand-navy: #0B1D35;
    --brand-white: #FFFFFF;
    --brand-gray: #868686;
    --brand-shadow: rgba(11, 77, 160, 0.27);
}

/* Header – dark theme to match logo */
header.main-header,
header.main-header.sticky {
    background: #001530;
    box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.45);
}

header nav.navbar .navbar-brand .logo {
    width: 280px;
    max-height: 70px;
    object-fit: contain;
    background: transparent;
}

header nav.navbar .navbar-brand {
    background: transparent;
}

header.sticky .navbar-brand .logo {
    width: 220px !important;
    max-height: 58px;
}

header nav.navbar .navbar-buttons a.call-btn {
    background: var(--brand-red);
    border-color: var(--brand-red);
}

header nav.navbar .navbar-buttons a.call-btn:hover {
    background: var(--brand-red-dark);
    border-color: var(--brand-red-dark);
    color: var(--brand-white);
}

header nav.navbar .navbar-buttons button.chat-btn {
    background: var(--brand-blue);
    border-color: var(--brand-blue);
}

header nav.navbar .navbar-buttons button.chat-btn:hover {
    background: var(--brand-blue-dark);
    border-color: var(--brand-blue-dark);
    color: var(--brand-white);
}

/* Banner overlay – navy tint */
section.banner-main-sec:before {
    background: linear-gradient(135deg, rgba(7, 46, 97, 0.88) 0%, rgba(10, 10, 10, 0.82) 100%);
    opacity: 1;
}

.banner-inner-content .website-main-buttons button.chat-btn {
    background: var(--brand-red);
    color: var(--brand-white);
    border-color: var(--brand-red);
}

.banner-inner-content .website-main-buttons button.chat-btn:hover {
    background: var(--brand-red-dark);
    color: var(--brand-white);
    border-color: var(--brand-red-dark);
}

.banner-inner-content .website-main-buttons a.call-btn:hover {
    background: var(--brand-white);
    color: var(--brand-blue);
}

.banner-inner-published-form {
    border-color: var(--brand-blue);
}

.banner-inner-published-form h4 {
    color: var(--brand-blue);
}

/* Submit / CTA buttons – red accent */
.banner-inner-published-form .form-group button.submit-btn,
.contact-area-form .form-group button.submit-btn,
.step-form-btns .submit-btn,
#staticBackdrop .banner-form-new-btn {
    background: var(--brand-red) !important;
    border-color: var(--brand-red) !important;
    color: var(--brand-white) !important;
}

.banner-inner-published-form .form-group button.submit-btn:hover,
.contact-area-form .form-group button.submit-btn:hover,
.step-form-btns .submit-btn:hover,
#staticBackdrop .banner-form-new-btn:hover {
    background: var(--brand-red-dark) !important;
    border-color: var(--brand-red-dark) !important;
    color: var(--brand-white) !important;
}

/* Footer – dark navy */
footer.footer-main-sec {
    background: var(--brand-navy);
}

.footer-logo-area .footer-logo {
    width: 260px;
}

.footer-logo-area .footer-logo img {
    max-height: 80px;
    object-fit: contain;
    background: transparent;
}

.footer-logo-area h4,
.footer-info-area h4 {
    color: var(--brand-white);
}

.footer-logo-area p,
.footer-info-area ul li a,
.footer-info-area ul li p {
    color: #b8c4d4;
}

.footer-info-area ul li a:hover,
.footer-info-area ul li p:hover {
    color: var(--brand-white);
}

.footer-info-area ul li a i,
.footer-info-area ul li a svg,
.footer-info-area ul li p i,
.footer-info-area ul li p svg {
    background: var(--brand-blue);
    color: var(--brand-white);
}

.footer-info-area ul li a:hover i,
.footer-info-area ul li a:hover svg,
.footer-info-area ul li p:hover i,
.footer-info-area ul li p:hover svg {
    background: var(--brand-red);
    color: var(--brand-white);
}

.footer-main-sec .footer-bottom {
    background: var(--brand-dark);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

ul.footer-nav-links li a {
    color: #b8c4d4;
}

ul.footer-nav-links li a:hover {
    color: var(--brand-red-light);
}

.footer-copyright p {
    color: #8a96a8;
}

/* Popup modal */
#staticBackdrop .modal-content::before {
    background: var(--brand-navy);
    opacity: 0.75;
}

.modal-body-form h5 {
    color: var(--brand-red-light);
}

#staticBackdrop .modal-content .btn-close:hover {
    color: var(--brand-red-light);
    border-color: var(--brand-red-light);
}

/* Legal page accents */
.legal-page-head h1,
.legal-section h2,
.legal-page-cta h3 {
    color: var(--brand-navy);
}

/* Legal CTA buttons styled in legal.css */

/* Portfolio slider dots */
.portfolio-slider .slick-dots li.slick-active button {
    background: var(--brand-blue);
}

@media (max-width: 991px) {
    header nav.navbar .navbar-brand .logo {
        width: 220px;
        max-height: 56px;
    }
}

@media (max-width: 575px) {
    header nav.navbar .navbar-brand .logo {
        width: 180px;
        max-height: 48px;
    }

    .footer-logo-area .footer-logo {
        width: 200px;
    }
}
.modal-body-form h3 span {
    color: var(--brand-red-light);
}

/* Portfolio active tab – red accent */
.portfolio-publish-tablist-buttons ul.nav-pills li.nav-item button.nav-link.active,
.portfolio-publish-tablist-buttons ul.nav-pills li.nav-item button.nav-link:hover {
    background: var(--brand-red) !important;
    color: var(--brand-white) !important;
}

/* FAQ accordion */
.faqs-sec-item .accordion-item .accordion-header button.accordion-button:not(.collapsed) {
    background: var(--brand-blue);
    color: var(--brand-white);
}

.faqs-sec-item .accordion-item .accordion-header button.accordion-button:not(.collapsed)::after {
    color: var(--brand-white);
    background-image: none !important;
    filter: none;
}

/* Step works number accent */
.step-works-box span {
    color: var(--brand-red);
}

.works-box-head i {
    color: var(--brand-blue);
}

/* Contact form inputs */
.contact-area-form .form-group input,
.contact-area-form .form-group textarea {
    border-bottom-color: var(--brand-blue) !important;
}

.contact-area-form .form-group input:focus,
.contact-area-form .form-group textarea:focus {
    border-bottom-color: var(--brand-red) !important;
}

.contact-area-head h5 {
    color: var(--brand-blue);
}