.iceq-events {
  --event-accent: var(--cassiopeia-color-primary, var(--bs-primary, var(--link-color, currentColor)));
  --event-ink: var(--body-color, var(--bs-body-color, currentColor));
  --event-bg: var(--body-bg, var(--bs-body-bg, transparent));
  --event-line: var(--border-color, var(--bs-border-color, color-mix(in srgb, currentColor 17%, transparent)));
  --event-muted: var(--secondary-color, var(--bs-secondary-color, color-mix(in srgb, currentColor 65%, transparent)));
  color: var(--event-ink);
  font-family: var(--body-font-family, var(--bs-body-font-family, inherit));
}

.iceq-events__head h1,
.iceq-events h2 {
  color: inherit !important;
  font-family: var(--cassiopeia-font-family-headings, var(--headings-font-family, inherit)) !important;
  letter-spacing: inherit !important;
}

.iceq-events button,
.iceq-events select,
.iceq-event-dialog button {
  font-family: inherit;
}

.iceq-events__switch button[aria-pressed="true"] {
  background: var(--event-accent);
  color: var(--btn-primary-color, var(--bs-btn-color, #fff));
}

.iceq-event__content > a {
  color: var(--link-color, var(--event-accent));
}

.iceq-event-dialog {
  --event-accent: var(--cassiopeia-color-primary, var(--bs-primary, var(--link-color, currentColor)));
  --event-ink: var(--body-color, var(--bs-body-color, currentColor));
  --event-bg: var(--body-bg, var(--bs-body-bg, #fff));
  --event-line: var(--border-color, var(--bs-border-color, color-mix(in srgb, currentColor 17%, transparent)));
  color: var(--event-ink);
  font-family: var(--body-font-family, var(--bs-body-font-family, inherit));
}