@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

body {
  font-family: 'Inter', sans-serif;
  background-color: #FFFFFF;
  color: #1E293B;
  margin: 0px;
  padding: 0px;
}

/* Active navigation bar link style (desktop header) */
.nav-link-active {
  background-color: rgba(255, 255, 255, 0.15);
  color: #FFFFFF !important;
  border-bottom: 2px solid #00E1D9;
}

/* Active state for the floating mobile bottom bar (bug fix: this state
   previously never changed after the first page load, so "Home" stayed
   highlighted no matter which tab the visitor was on). */
.mobbar-active {
  color: #0B5175 !important;
}
.mobbar-inactive {
  color: #94a3b8 !important; /* slate-400 */
}

/* Page-transition animation logic */
.page-content {
  display: none;
  opacity: 0;
  transition: opacity 200ms ease-in-out;
}

.page-content.active {
  display: block;
  opacity: 1;
}

/* Inline form validation error text (bug fix: contact form previously had
   no visible feedback when a required field was left empty or invalid) */
.field-error {
  display: block;
}
.field-error.hidden {
  display: none;
}
input.input-invalid,
textarea.input-invalid,
select.input-invalid {
  border-color: #ef4444 !important; /* red-500 */
}