:root {
  --fp-brand: #2f8f2f; /* fallback, falls JS nicht lädt */
}

/* Range-Hintergrund */
.flatpickr-day.inRange {
  background: color-mix(in srgb, var(--fp-brand) 18%, transparent) !important;
  border-color: transparent !important;
}

/* Start- und Endtag */
.flatpickr-day.startRange,
.flatpickr-day.endRange {
  background: #727d5f !important;
  border-color: var(--fp-brand) !important;
  color: #fff !important;
}

/* Hover im Range-Modus */
.flatpickr-day:hover {
  border-color: color-mix(in srgb, var(--fp-brand) 55%, transparent) !important;
}