:root {
  --nl-bg: #0b1020;
  --nl-bg-2: #141c33;
  --nl-surface: rgba(15, 22, 40, 0.9);
  --nl-border: rgba(130, 155, 220, 0.25);
  --nl-text: #d8e2ff;
  --nl-muted: #b2c0e0;
  --nl-accent: #8ec5ff;
}

body.bg-light {
  background: radial-gradient(circle at 20% 0%, var(--nl-bg-2), var(--nl-bg) 48%) !important;
  color: var(--nl-text);
}

#mainNav.bg-secondary {
  background: rgba(7, 11, 22, 0.9) !important;
  border-bottom: 1px solid var(--nl-border);
}

#mainNav .navbar-brand,
#mainNav .navbar-brand:hover {
  color: #f5f8ff;
}

.legal-card {
  background: var(--nl-surface);
  border: 1px solid var(--nl-border);
  border-radius: 16px;
  box-shadow: 0 20px 55px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(8px);
  padding: 2rem;
}

.legal-card h1,
.legal-card h2 {
  color: #f1f6ff !important;
  letter-spacing: 0.02em;
}

.legal-card p,
.legal-card li {
  color: var(--nl-muted);
  line-height: 1.75;
}

.legal-card a {
  color: var(--nl-accent);
}

.legal-card a:hover {
  color: #b5d9ff;
  text-decoration: underline;
}

@media (max-width: 991px) {
  .legal-card {
    padding: 1.4rem;
  }
}