/* /assets/css/style.css */
/* Shared variables */
:root {
  --primary: #004aad;      /* primary (light) */
  --primary-contrast: #ffffff;
  --accent: #00bfa6;
  --bg: #ffffff;
  --muted-text: #6b7280;
  --text: #111827;
  --nav-bg: #ffffff;
}

/* Body / default (light) */
body {
  font-family: 'Poppins', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  margin: 0;
  background-color: var(--bg);
  color: var(--text);
  transition: background-color 0.25s ease, color 0.25s ease;
}

/* Navbar */
.navbar {
  background-color: var(--nav-bg);
}

/* Brand */
.brand-name {
  color: var(--primary);
}

/* Hero */
.hero-section {
  background: linear-gradient(0deg, rgba(0,0,0,0.25), rgba(0,0,0,0.25)), url('/assets/img/banner.jpg') center/cover no-repeat;
  min-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4rem 0;
}

/* Buttons */
.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn-primary:hover {
  background-color: #003a88;
  border-color: #003a88;
}

/* Footer */
footer {
  background: transparent;
}

/* Small screens tweaks */
@media (max-width: 576px) {
  .hero-section {
    padding: 3rem 1rem;
  }
}