:root{
  --green:#16a34a; --blue:#1f6feb; --orange:#ff7a18; --pink:#ff4fb3;
  --ink:#111; --muted:#666;
}
*{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
body{color:var(--ink);}
.site-bg{
  background:
    radial-gradient(1200px 600px at -10% -10%, rgba(22,163,74,.15), transparent 60%),
    radial-gradient(1200px 600px at 110% 0%, rgba(31,111,235,.15), transparent 60%),
    linear-gradient(180deg, rgba(255,122,24,.06), rgba(255,122,24,.02));
  min-height:100vh;
}
.topbar{background:#1f5f85;}
.topbar .social{opacity:.9}
.topbar .social:hover{opacity:1}
.nav-link.active{color:var(--blue)!important;border-bottom:2px solid var(--blue);font-weight:600;}
.text-pink{color:var(--pink)!important;}
.badge.bg-pink-soft{background:rgba(255,79,179,.12);}
.btn-primary{background:var(--blue); border-color:var(--blue);}
.btn-outline-primary{color:var(--blue); border-color:var(--blue);}
.btn-outline-primary:hover{background:var(--blue); color:#fff;}
.btn-accent{background:#ff8b4a; border:none; color:#fff; font-weight:600; padding:.75rem;}
.enquiry-box{border:1px solid rgba(255,79,179,.35)}
.how-steps .step-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:1rem;padding:1rem;height:100%;}
.how-steps .step-num{font-weight:800;opacity:.25;font-size:2rem;line-height:1;}
.how-steps .step-title{font-weight:700;margin-top:.25rem;}
.brand-logo img{max-height:50px;object-fit:contain;}
.testimonial-box .stars{font-size:1.1rem;color:#f59e0b;}
.service-illustration-lg{max-width:420px;width:100%;height:auto;}
.carousel .carousel-item img{aspect-ratio:16/9; object-fit:cover;}

/* Top bar background ONLY */
.topbar { background: #1f5f85; }

/* Footer background ONLY (with readable text) */
footer { background: #1f5f85 !important; color: #f1f5f9; }

/* === ONLY top bar & footer colors (override) === */

/* Top bar background */
.topbar { background:#1f5f85 !important; }

/* Footer background + readable text */
footer, footer.bg-white {
  background:#1f5f85 !important;
  color:#f8fbff !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

/* Footer text + links contrast */
footer * { color:#f8fbff !important; }
footer .text-muted { color:#e3eef7 !important; }
footer a { color:#ffffff !important; text-decoration:none; }
footer a:hover { color:#cfe9ff !important; text-decoration:underline; }

/* Keep the top border visible on dark bg */
footer .border-top { border-top:1px solid rgba(255,255,255,.25) !important; }