/* ============================================================
   BrainCompany Custom Theme — Navy Blue + Dark Green + White
   ============================================================ */

/* --- Font Override --- */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800;900&family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

:root {
    /* Primary palette */
    --navy: #0a1628;
    --navy-light: #132038;
    --navy-soft: #1a2d4d;
    --navy-muted: #243b63;

    --green: #145c3e;
    --green-light: #1b7a52;
    --green-soft: #22996a;
    --green-muted: #2ab37e;

    --white: #ffffff;
    --off-white: #f4f7fa;
    --light-gray: #e2e8f0;
    --text-dark: #1a202c;
    --text-muted: #64748b;
    --text-light: #94a3b8;

    /* Override template variables */
    --cleanin-base: #1a2d4d;
    --cleanin-base-rgb: 26, 45, 77;
    --cleanin-base-2: #145c3e;
    --cleanin-base-2-rgb: 20, 92, 62;
    --cleanin-black: var(--navy);
    --cleanin-white: var(--white);
    --cleanin-gray: var(--text-muted);
    --cleanin-gray-2: var(--light-gray);
    --cleanin-bdr-color: #dbe4ef;

    /* Body & Typography */
    --brain-navy: var(--navy);
    --brain-navy-soft: var(--navy-soft);
    --brain-green: var(--green);
    --brain-green-soft: var(--green-soft);
    --brain-ink: var(--navy);
    --brain-text: var(--text-muted);
    --brain-bg: var(--white);
    --brain-border: var(--light-gray);
}

/* --- Global Font --- */
body,
p,
span,
div,
a,
li,
input,
textarea,
select,
button,
label,
h1, h2, h3, h4, h5, h6,
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
    font-family: 'Montserrat', 'Poppins', 'Open Sans', sans-serif !important;
}




/* Buttons & CTAs */
.thm-btn,
.thm-btn--style1,
.thm-btn--style2 {
    background-color: var(--green);
    color: var(--white);
}
.thm-btn:hover,
.thm-btn--style1:hover {
    background-color: var(--green-light);
    color: var(--white);
}

/* Section backgrounds */
.site-footer,
.site-footer__one,
.site-footer__two {
    background-color: var(--navy);
}
.site-footer__upper {
    background-color: var(--navy-light);
}
.site-footer__bottom {
    background-color: var(--navy);
    border-top-color: var(--navy-soft);
}


/* Links */
a {
    color: var(--green);
}
a:hover {
    color: var(--green-light);
}

/* Section titles */
.sec-title__tagline .text h4 {
    color: var(--green);
}
.sec-title__title {
    color: var(--navy);
}


/* Testimonial */
.testimonial-one__single,
.testimonial-two__single {
    background-color: var(--off-white);
}

/* About section */
.about-one,
.about-two,
.about-three {
    background-color: var(--white);
}

/* Team cards */
.team-one__single,
.team-two__single {
    background-color: var(--white);
    border-color: var(--light-gray);
}

/* Blog cards */
.blog-one__single,
.blog-two__single {
    background-color: var(--white);
    border-color: var(--light-gray);
}
.blog-one__content,
.blog-two__content {
    background-color: var(--white);
}

/* Newsletter */
.newsletter-one,
.newsletter-two {
    background-color: var(--green);
}

/* CTA sections */
.cta-one,
.cta-two {
    background-color: var(--navy-soft);
}

/* Footer widgets */
.footer-widget__title {
    color: var(--white);
}
.footer-widget__text,
.footer-widget__list li a {
    color: var(--light-gray);
}
.footer-widget__list li a:hover {
    color: var(--green-muted);
}

/* Footer bottom */
.site-footer__bottom__one {
    background-color: var(--navy);
    border-top-color: var(--navy-soft);
}
.site-footer__bottom__one p {
    color: var(--light-gray);
}
.site-footer__bottom__one a {
    color: var(--green-muted);
}

/* Form elements */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="search"],
input[type="url"],
input[type="number"],
textarea,
select {
    border-color: var(--light-gray);
}
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
    border-color: var(--green);
    box-shadow: 0 0 0 3px rgba(20, 92, 62, 0.15);
}


/* Mobile nav */
.mobile-nav__content {
    background-color: var(--navy);
}
.mobile-nav__close {
    color: var(--white);
}

/* Pagination */
.post-pagination li a,
.post-pagination li span {
    background-color: var(--navy-light);
    color: var(--white);
}
.post-pagination li a:hover,
.post-pagination li span.current {
    background-color: var(--green);
    color: var(--white);
}