/* Administratiekantoor — logo: #6ca974, #d4eb3f, #f6d94a */
:root {
  --brand-green: #6ca974;
  --brand-lime: #d4eb3f;
  --brand-yellow: #f6d94a;

  --bg: #0c1410;
  --bg-elevated: #15231a;
  --text: #f3f8f1;
  --text-muted: #a3b8a8;
  --accent: #6ca974;
  --accent-2: #d4eb3f;
  --accent-3: #f6d94a;
  --border: rgba(212, 235, 63, 0.18);
  --font-display: "Literata", "Georgia", serif;
  --font-body: "Manrope", system-ui, sans-serif;
}

.hero-admin {
  background:
    radial-gradient(ellipse 80% 60% at 85% 20%, rgba(212, 235, 63, 0.24), transparent 55%),
    radial-gradient(ellipse 50% 40% at 10% 90%, rgba(108, 169, 116, 0.32), transparent 50%),
    linear-gradient(160deg, #0c1410 0%, #132018 55%, #1a2e20 100%);
}

.hero-admin::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 3px;
  background: linear-gradient(90deg, var(--brand-green), var(--brand-lime), var(--brand-yellow));
  opacity: 0.9;
}