/* DOCW beheer tool theme – kleurpalet afgeleid van de website */
:root {
  /* Kernkleuren */
  --docw-green: #2b7a2b;       /* hoofdgroen */
  --docw-green-dark: #1f5a1f;  /* donkerder headergroen */
  --docw-green-light: #4caf50; /* lichte groenaccent */
  --docw-orange: #f37021;      /* accent oranje (cta) */
  --docw-orange-dark: #d65d15; /* hover oranje */
  --docw-gray-50: #f5f7f9;     /* lichte achtergrond */
  --docw-gray-700: #4b5563;    /* tekst grijs */
}

/* Bootstrap overrides voor consistentie met DOCW kleuren */
.bg-primary { background-color: var(--docw-green) !important; }
.text-primary { color: var(--docw-green) !important; }
.border-primary { border-color: var(--docw-green) !important; }
.btn-primary {
  background-color: var(--docw-green) !important;
  border-color: var(--docw-green-dark) !important;
}
.btn-primary:hover, .btn-primary:focus { background-color: var(--docw-green-dark) !important; }

.badge.bg-primary { background-color: var(--docw-green) !important; }

/* Oranje CTA variant voor “Steun” of opvallende acties */
.btn-cta {
  background-color: var(--docw-orange);
  border-color: var(--docw-orange-dark);
  color: #fff;
}
.btn-cta:hover { background-color: var(--docw-orange-dark); color: #fff; }

/* Subtle panels/achtergronden */
.bg-soft { background-color: var(--docw-gray-50); }
.text-muted-700 { color: var(--docw-gray-700); }

/* Navbar kleurtint zoals website header */
.navbar.bg-primary { background-color: var(--docw-green-dark) !important; }

/* Kleine util voor status-badges */
.status-badge { font-weight: 600; }

/* Zakelijke kleuraccent (oranje) */
.bg-business { background-color: var(--docw-orange) !important; color: #fff !important; }