.fc-sunday {
    background-color: rgba(226, 232, 240, 0.5); /* #e2e8f0 with 50% opacity */
}
.fc-saturday {
    background-color: rgba(241, 245, 249, 0.5); /* #f1f5f9 with 50% opacity */
}

/* Marker stroke on the bar title, not the bar fill — Ampel colour and Fixtermin
   border (both set via FullCalendar's own color/borderColor) stay untouched.
   .fc-timeline-event::before/::after are FullCalendar's own (continuation arrows
   into past/future), so this stays inside .fc-event-main. Selector list shared
   with the legend sample (shared/_planner_legend.html.erb) — one declaration,
   no drift between the real stroke and its legend entry.
   Text is the raw midnight-900 primitive, not a semantic text-* token: the four
   highlight hues stay light in both themes, so text-primary (near-white in dark
   mode) would go unreadable on the stroke. */
.fc-timeline-event[class*="planner-bar--highlight-"] .fc-event-title,
.planner-legend-stroke {
    background-color: var(--planner-bar-highlight);
    color: var(--color-midnight-900);
    box-sizing: border-box;
    padding-inline: .3em;
    border-radius: 2px;
    outline: 1px solid color-mix(in oklch, var(--color-midnight-900) 30%, transparent);
}

.planner-bar--highlight-rose {
    --planner-bar-highlight: var(--color-highlight-rose);
}

.planner-bar--highlight-lime {
    --planner-bar-highlight: var(--color-highlight-lime);
}

.planner-bar--highlight-yellow {
    --planner-bar-highlight: var(--color-highlight-yellow);
}

.planner-bar--highlight-cyan {
    --planner-bar-highlight: var(--color-highlight-cyan);
}