/* Custom brand colors as CSS variables */
:root {
  --color-navy: #0b1a2b;
  --color-green: #4ade80;
  --color-green-hover: #22c55e;
  --color-slate: #334155;
  --color-light-gray: #f1f5f9;
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Mobile nav overlay */
.nav-overlay {
  transition: opacity 0.3s ease;
}

.nav-drawer {
  transition: transform 0.3s ease;
}

.nav-drawer.closed {
  transform: translateX(100%);
}

/* Active nav link */
.nav-link-active {
  border-bottom: 2px solid #4ade80;
}