html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

/* ── NEXTPORT Brand Tokens ─────────────────────────── */
:root {
  --np-primary:      #15803d;   /* forest-700 */
  --np-primary-dark: #0F5132;   /* forest-900 */
  --np-primary-rgb:  21, 128, 61;
  --np-dark-bg:      #0f172a;   /* slate-900 */
  --bs-primary:      #15803d;
  --bs-primary-rgb:  21, 128, 61;
  --bs-link-color:   #15803d;
  --bs-link-hover-color: #0F5132;
  --bs-focus-ring-color: rgba(21,128,61,.25);
}

/* ── Navbar ────────────────────────────────────────── */
.navbar {
  background-color: #0f172a !important;
  border-bottom: 1px solid #1e293b !important;
  box-shadow: 0 1px 8px rgba(0,0,0,.4) !important;
}
.navbar-brand {
  color: #f1f5f9 !important;
  font-weight: 700;
  letter-spacing: -.02em;
}
.navbar-brand:hover { color: #4ade80 !important; }
.nav-link { color: #94a3b8 !important; font-weight: 500; }
.nav-link:hover, .nav-link.active { color: #f1f5f9 !important; }
.navbar-toggler { border-color: #334155 !important; }
.navbar-toggler-icon { filter: invert(1); }

/* ── Dropdown ──────────────────────────────────────── */
.dropdown-menu {
  background-color: #1e293b;
  border: 1px solid #334155;
  box-shadow: 0 8px 24px rgba(0,0,0,.4);
}
.dropdown-item { color: #cbd5e1; }
.dropdown-item:hover { background-color: #334155; color: #f1f5f9; }
.dropdown-divider { border-color: #334155; }

/* ── Buttons ───────────────────────────────────────── */
.btn-primary {
  background-color: var(--np-primary);
  border-color: var(--np-primary);
}
.btn-primary:hover, .btn-primary:focus {
  background-color: var(--np-primary-dark);
  border-color: var(--np-primary-dark);
}
.btn-primary:focus {
  box-shadow: 0 0 0 .25rem rgba(var(--np-primary-rgb), .35);
}
.btn-outline-primary {
  color: var(--np-primary);
  border-color: var(--np-primary);
}
.btn-outline-primary:hover {
  background-color: var(--np-primary);
  border-color: var(--np-primary);
}

/* ── Links & Focus ─────────────────────────────────── */
a { color: var(--bs-link-color); }
a:hover { color: var(--np-primary-dark); }
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus,
.form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem rgba(var(--np-primary-rgb), .4);
}

/* ── Footer ────────────────────────────────────────── */
footer.footer {
  background-color: #0f172a;
  border-top-color: #1e293b !important;
  color: #64748b;
}
footer.footer a { color: #64748b; }
footer.footer a:hover { color: #4ade80; }

/* ── Badges & Alerts ───────────────────────────────── */
.badge.bg-success { background-color: var(--np-primary) !important; }
.badge.bg-primary { background-color: var(--np-primary) !important; }
.alert-success {
  background-color: #f0fdf4;
  border-color: #bbf7d0;
  color: #14532d;
}

/* ── Cards ─────────────────────────────────────────── */
.card { border-color: #e2e8f0; }
.card-header { background-color: #f8fafc; border-bottom-color: #e2e8f0; font-weight: 600; }

/* ── NEXTPORT Sidebar Brand Label (optional) ───────── */
.np-brand-pill {
  display: inline-flex;
  align-items: center;
  gap: .375rem;
  background: linear-gradient(135deg, var(--np-primary-dark), var(--np-primary));
  color: white;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .05em;
  padding: .2rem .55rem;
  border-radius: 9999px;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}