:root {
  --bg-0: #f7fbff;
  --bg-1: #ffffff;
  --bg-2: #f2f8ff;
  --bg-3: #eaf3ff;
  --bg-card: #ffffff;
  --border-1: #dbe8f5;
  --border-2: #bdd4ed;
  --text-100: #14233a;
  --text-200: #243651;
  --text-400: #566982;
  --text-600: #71839a;
  --blue: #2563eb;
  --blue-l: #3b82f6;
  --blue-d: #1948ad;
  --cyan: #79c8f5;
  --grad-brand: linear-gradient(135deg, #2563eb 0%, #42a5f5 100%);
  --grad-cta: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
  --grad-text: none;
  --shadow-blue: 0 10px 28px rgba(37, 99, 235, .16);
  --font-display: 'Space Grotesk', var(--font-sans);
}

html { background: #f7fbff; }
body {
  background: #f7fbff;
  color: #243651;
}
h1, h2, h3, h4, h5, h6 { color: #14233a; }
.text-gradient {
  color: #2563eb;
  background: none;
  -webkit-text-fill-color: currentColor;
}

.nav {
  background: rgba(255, 255, 255, .94);
  border-bottom-color: #dbe8f5;
  box-shadow: 0 4px 16px rgba(28, 61, 105, .035);
}
.nav__logo { color: #14233a; }
.nav__logo-icon { border-radius: 10px; }
.nav__links a { color: #526783; }
.nav__links a:hover,
.nav__links a.active { color: #1948ad; background: #edf5ff; }
.nav__cta .btn--outline { background: #fff; border-color: #cbdcf0; color: #243651; }
.nav__cta .btn--outline:hover { border-color: #2563eb; color: #1948ad; }
.btn--primary,
.nav__cta .btn--primary,
.nav__cta .btn--cta,
.btn--cta {
  background: #2563eb;
  box-shadow: 0 8px 20px rgba(37, 99, 235, .16);
}
.btn--primary:hover,
.nav__cta .btn--primary:hover,
.nav__cta .btn--cta:hover,
.btn--cta:hover { background: #1948ad; }
.nav__mobile { background: #fff; border-color: #dbe8f5; }
.nav__mobile a { color: #243651; }
.nav__mobile a:hover { background: #edf5ff; }

.section-eyebrow {
  color: #1948ad;
  background: #eff6ff;
  border-color: #d7e9ff;
}
.section-eyebrow::before { background: #3b82f6; }
.card, .service-card, .testimonial-card, .project-card {
  border-color: #dbe8f5;
}
input:focus, textarea:focus, select:focus,
input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline-color: #2563eb;
  border-color: #75a8fa;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .13);
}
.footer {
  background: #14233a;
  border-top-color: #243b5a;
}
.footer__brand > a div { background: #fff !important; }
.footer__col a:hover,
.footer__legal-link:hover,
.footer__email-link:hover,
.footer__col ul li a:hover,
.footer__consent-btn:hover { color: #93c5fd; }
.footer__email-link { border-color: rgba(191, 219, 254, .2); }
.footer__bottom { border-top-color: rgba(191, 219, 254, .16); }

.nav__hamburger:focus-visible,
.btn:focus-visible,
a:focus-visible,
button:focus-visible { outline: 3px solid #60a5fa; outline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; }
}