/* Base typography and colours */
body {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  background: #050816;              /* deep navy */
  color: #E5E7EB;                   /* soft grey for body text */
  margin: 0;
}

h1, h2, h3, h4, h5 {
  font-family: Poppins, system-ui, -apple-system, "Segoe UI", sans-serif;
  color: #F9FAFB;                   /* bright but not pure white */
}

/* Hero heading with teal tint */
.hero h1 {
  color: #C7F9FF;                   /* light teal glow */
}

/* Brand colours */
.bg-navy {
  background: #0C1A2A;
}

.text-amber {
  color: #FFB400;
}

.bg-amber {
  background: #FFB400;
  color: #111827;
}

.text-teal {
  color: #38E9FF;
}

/* Hero section */
.hero {
  background: radial-gradient(circle at top, #FFB40022, transparent 55%),
              linear-gradient(135deg, #020813, #0C1A2A);
  min-height: 60vh;
  display: flex;
  align-items: center;
}

/* Buttons */
.btn-amber {
  background: #FFB400;
  border-color: #FFB400;
  color: #0C1A2A;
}

.btn-amber:hover {
  background: #ffca45;
  border-color: #ffca45;
  color: #0C1A2A;
}

/* Back to top link */
.back-to-top {
  color: #F5F7FA;
  text-decoration: none;
}

.back-to-top:hover {
  color: #FFB400;
}

/* Dark strip for some sections */
.bg-dark {
  background: #020813;
}

/* Cards – shared style */
.card {
  border-radius: 0.75rem;
  background: #1F2933;              /* lighter grey-blue */
  border: 1px solid #374151;
  transition: all 0.15s ease-out;
}

.card h2,
.card h3 {
  color: #F9FAFB;
  margin-bottom: 0.5rem;
}

.card p {
  color: #E5E7EB;
  font-size: 0.95rem;
}

.card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
}

/* Extra polish for Services grid */
.services-grid .card {
  background: #111827;
}

.services-grid .card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45);
}

/* Navbar links */
.navbar-dark .navbar-nav .nav-link {
  color: #E5E7EB;
}

.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: #FFB400;
}

/* Footer */
footer {
  font-size: 0.85rem;
}