fix: use per-type focus/hover colors for calendar events

Brightness filter doesn’t look good everywhere.

src/tailwind.css

@@ -244,7 +244,7 @@ thead .fc-day-selected:hover {
   }
 
   .calendar-event {
-    @apply tw-max-h-full tw-overflow-hidden tw-cursor-pointer hocus:tw-brightness-105 tw-transition-all;
+    @apply tw-max-h-full tw-overflow-hidden tw-cursor-pointer tw-transition-colors;
 
     &::before,
     &::after {
@@ -252,11 +252,11 @@ thead .fc-day-selected:hover {
     }
 
     &.is-new {
-      @apply tw-bg-emerald-200 tw-border-emerald-300 tw-text-emerald-900;
+      @apply tw-bg-emerald-200 tw-border-emerald-300 tw-text-emerald-900 hocus:tw-bg-emerald-300;
     }
 
     &.is-discarded {
-      @apply tw-bg-rose-100 tw-border-rose-200 tw-text-rose-900 tw-line-through;
+      @apply tw-bg-rose-100 tw-border-rose-200 tw-text-rose-900 tw-line-through hocus:tw-bg-rose-200;
     }
 
     &.is-cut .fc-event-main {