/* =========================================================
   CBIG BASE STYLES
   Scoped for header, footer, and shared elements only
   Compatible with Tailwind CDN
   ========================================================= */

/* -----------------------------
   CSS Variables (Brand)
----------------------------- */
:root {
  --cbig-blue: #0a3d62;
  --cbig-green: #16a085;
  --cbig-dark: #1e272e;
  --cbig-light: #f4f7fa;
  --cbig-border: #e5e7eb;
}

/* -----------------------------
   Header
----------------------------- */
header {
  background-color: rgba(255, 255, 255, 0.92);
}

/* Logo image safety */
header img {
  display: block;
  max-height: 42px;
}

/* Desktop navigation links */
header nav a {
  color: #1f2933;
  font-weight: 500;
  text-decoration: none;
}

header nav a:hover {
  color: #4b5563;
}

/* Active state (optional) */
header nav a.active {
  color: var(--cbig-green);
}

/* -----------------------------
   Dropdown (Desktop)
----------------------------- */
header .group > div {
  border-radius: 10px;
  overflow: hidden;
}

/* -----------------------------
   Mobile Navigation
----------------------------- */
#mobileNav a {
  font-weight: 500;
  color: #1f2933;
}

#mobileNav a:hover {
  color: #374151;
}

/* -----------------------------
   Footer
----------------------------- */
footer {
  background-color: var(--cbig-dark);
  color: #d1d5db;
}

footer p {
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.5;
}

footer .footer-note {
  color: #9ca3af;
}

/* -----------------------------
   Shared Utility (Optional)
----------------------------- */
.max-w-site {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* -----------------------------
   Accessibility
----------------------------- */
a:focus-visible {
  outline: 2px solid var(--cbig-green);
  outline-offset: 2px;
}