[data-color=blue] { --event-bg:var(--sure-blue-fill); --event-ink:var(--sure-blue-ink); --event-hover:var(--sure-blue-hover); }
[data-color=red] { --event-bg:var(--sure-red-fill); --event-ink:var(--sure-red-ink); --event-hover:var(--sure-red-hover); }
[data-color=yellow] { --event-bg:var(--sure-yellow-fill); --event-ink:var(--sure-yellow-ink); --event-hover:var(--sure-yellow-hover); }
[data-color=green] { --event-bg:var(--sure-green-fill); --event-ink:var(--sure-green-ink); --event-hover:var(--sure-green-hover); }
[data-color=violet] { --event-bg:var(--sure-violet-fill); --event-ink:var(--sure-violet-ink); --event-hover:var(--sure-violet-hover); }
[data-color=slate] { --event-bg:var(--sure-slate-fill); --event-ink:var(--sure-slate-ink); --event-hover:var(--sure-slate-hover); }
/* Grid masks text above Now. Agenda paints complete, opaque events above Now. */
.timeline-label { position:relative; z-index:var(--layer-event-label); background:var(--timeline-label-fill,var(--surface)); box-decoration-break:clone; -webkit-box-decoration-break:clone; padding-inline:2px; margin-inline:-2px; }
.event[data-color] { --surface:var(--event-bg); --ink:var(--event-ink); --muted:var(--event-ink); --hover:var(--event-hover); --event-fill:color-mix(in srgb,var(--event-bg) 85%,var(--page)); --timeline-label-fill:var(--event-fill); color:var(--event-ink); }
.event[data-color] summary { background:var(--event-fill); border:1px solid color-mix(in srgb,var(--event-ink) 40%,transparent); }
.event[data-color]:hover { --event-fill:color-mix(in srgb,var(--event-hover) 85%,var(--page)); }
.event[data-color][open] { --event-fill:var(--event-hover); --timeline-label-fill:var(--event-hover); }
.agenda-timeline .event summary > span { position:relative; z-index:var(--layer-event-label); }
:is(.check-label,.event-calendar) .dot { background:var(--event-ink,var(--accent)); }