/* Mailcow brand tokens */
:root {
  --brand-primary: #2F4636;   /* basis groen */
  --brand-primary-hover: #2D4943;
  --brand-primary-active: #273D33;
  --brand-primary-border: #2D4149;
  --brand-primary-contrast: #fff;

  /* Globale linkkleur naar groen */
  --bs-link-color: var(--brand-primary);
  --bs-link-hover-color: #24382D; /* iets donkerder */
  --bs-focus-ring-color: rgba(47, 70, 54, .25);
}

/* Primaire knop overal consequent groen (ook active/disabled) */
.btn-primary{
  --bs-btn-color: var(--brand-primary-contrast);
  --bs-btn-bg: var(--brand-primary);
  --bs-btn-border-color: var(--brand-primary-border);
  --bs-btn-hover-color: var(--brand-primary-contrast);
  --bs-btn-hover-bg: var(--brand-primary-hover);
  --bs-btn-hover-border-color: var(--brand-primary-border);
  --bs-btn-focus-shadow-rgb: 47,70,54;             /* groen i.p.v. roze */
  --bs-btn-active-color: var(--brand-primary-contrast);
  --bs-btn-active-bg: var(--brand-primary-active);  /* geen roze meer */
  --bs-btn-active-border-color: var(--brand-primary-border);
  --bs-btn-disabled-color: var(--brand-primary-contrast);
  --bs-btn-disabled-bg: #415a4e;                    /* gedempt groen */
  --bs-btn-disabled-border-color: #415a4e;
}

/* Alt-variant in dezelfde familie */
.btn-alt-primary{
  --bs-btn-color: #1a2a21;
  --bs-btn-bg: #cfe3d7;
  --bs-btn-border-color: #cfe3d7;
  --bs-btn-hover-color: #0f1b15;
  --bs-btn-hover-bg: #a7c9b8;
  --bs-btn-hover-border-color: #a7c9b8;
  --bs-btn-focus-shadow-rgb: 47,70,54;
  --bs-btn-active-color: #0f1b15;
  --bs-btn-active-bg: #d9ebe2;
  --bs-btn-active-border-color: #d3e6dd;
}

/* Outline-variant (voor het geval je die gebruikt) */
.btn-outline-primary{
  --bs-btn-color: var(--brand-primary);
  --bs-btn-border-color: var(--brand-primary);
  --bs-btn-hover-color: var(--brand-primary-contrast);
  --bs-btn-hover-bg: var(--brand-primary);
  --bs-btn-hover-border-color: var(--brand-primary);
  --bs-btn-focus-shadow-rgb: 47,70,54;
  --bs-btn-active-color: var(--brand-primary-contrast);
  --bs-btn-active-bg: var(--brand-primary-active);
  --bs-btn-active-border-color: var(--brand-primary-active);
}

/* Linkknoppen en gewone links naar groen */
.btn-link { color: var(--brand-primary); }
.btn-link:hover { color: var(--brand-primary-hover); }

a { color: var(--bs-link-color); }
a:hover { color: var(--bs-link-hover-color); }

/* Bonus: veelvoorkomende 3rd-party accenten van roze naar groen */
.dropzone:hover         { border-color: var(--brand-primary); }
.dropzone:hover .dz-message { color: var(--brand-primary); }

.select2-container--default.select2-container--focus
  .select2-selection--single,
.select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 .2rem rgba(47,70,54,.25);
}

.fc.fc-theme-standard .fc-button-primary:focus,
.fc.fc-theme-standard .fc-button-primary.fc-button-active:focus {
  box-shadow: 0 0 0 .2rem rgba(47,70,54,.4);
}