/* ============================================================
   Hydrogen Oxygen Machines — Custom Overrides
   ============================================================ */

/* Brand palette — update hex values to match your branding */
:root {
  --brand-primary: #007bbd;   /* Blue — trustworthy, medical */
  --brand-secondary: #00b09b; /* Teal — health, wellness */
  --brand-accent: #f5f9ff;    /* Light blue tint for sections */
}

/* Navbar */
.navbar-default {
  background-color: #fff;
  border-bottom: 2px solid var(--brand-primary);
}

.navbar-default .navbar-brand {
  font-weight: 700;
  color: var(--brand-primary) !important;
}

/* Hero carousel overlay */
.carousel-item-overlay {
  background: rgba(0, 60, 100, 0.55);
}

/* Features section */
#features {
  background-color: var(--brand-accent);
}

.feature-icon {
  color: var(--brand-primary);
}

/* See-more CTA */
#see-more {
  background-color: var(--brand-primary);
  color: #fff;
}

#see-more .btn {
  background-color: var(--brand-secondary);
  border-color: var(--brand-secondary);
  color: #fff;
}

/* Responsive tweaks */
@media (max-width: 768px) {
  .carousel-caption h2 {
    font-size: 1.4rem;
  }
  .carousel-caption p {
    font-size: 0.9rem;
  }
}