/* ============================================================
   EcoMetrics Consultancy Limited — brand override for Stocker
   Loaded after bootstrap.min.css and style.css. Overrides the
   template's Bootstrap CSS variables and heading typography.
   ============================================================ */

:root {
    --bs-primary: #4f9a38;      /* brand green — buttons, accents, icons */
    --bs-secondary: #12524d;    /* brand teal — secondary accents */
    --bs-dark: #082e2c;         /* brand deep teal — nav, footer, dark sections */
    --bs-light: #f6f4ec;        /* brand cream — light section backgrounds */
}

body {
    font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.navbar-brand h1 {
    font-family: 'Fraunces', Georgia, serif;
    font-weight: 600;
}

.navbar-light .navbar-nav .nav-link,
.btn {
    font-family: 'Inter', sans-serif;
}

.navbar-brand img {
    height: 34px;
    width: auto;
}

/* Footer credit line stays legible on dark footer per template license */
.copyright a {
    color: #fff;
}

/* Slightly deeper hover state so brand green keeps contrast on white */
.btn-primary:hover {
    background: #3f7d2e;
    border-color: #3f7d2e;
}

/* Ambient motion — subtle drifting accent orbs behind dark sections */
.brand-ambient {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
}
.brand-ambient .orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(70px);
    opacity: .28;
    animation: brandDrift 24s ease-in-out infinite;
}
.brand-ambient .orb.o1 { width: 380px; height: 380px; background: #4f9a38; top: -120px; left: -80px; }
.brand-ambient .orb.o2 { width: 300px; height: 300px; background: #b7e07f; bottom: -100px; right: -60px; animation-delay: -9s; }
@keyframes brandDrift {
    0%   { transform: translate(0,0) scale(1); }
    50%  { transform: translate(24px,-18px) scale(1.06); }
    100% { transform: translate(0,0) scale(1); }
}
@media (prefers-reduced-motion: reduce) {
    .brand-ambient .orb { animation: none; }
}
.bg-breadcrumb, .header-carousel, .footer, .copyright {
    position: relative;
}
.bg-breadcrumb > *, .header-carousel > *, .footer > *, .copyright > * {
    position: relative;
    z-index: 1;
}

/* Team bio text stays readable in both card states */
.team-bio {
    color: var(--bs-secondary);
    transition: 0.5s;
}
.team .team-item:hover .team-bio {
    color: #fff;
}