:is(.modal-backdrop, .calendar-modal__backdrop, .favorites-manager-backdrop, .info-drawer-backdrop) {
  background: var(--color-overlay);
  backdrop-filter: blur(2px);
}

:is(.modal-dialog, .calendar-modal__dialog, .favorites-manager, .theme-transition-modal__panel) {
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius-surface);
  background: var(--color-surface-raised);
  color: var(--color-text);
  box-shadow: var(--shadow-surface);
}

:is(.modal-header, .modal-footer, .favorites-manager__header) {
  padding: var(--space-4) var(--space-6);
  border-color: var(--color-border);
}

:is(.modal-body, .calendar-modal__body, .favorites-manager__body) {
  padding: var(--space-6);
}

:is(.modal-title, .favorites-manager__title, .calendar-delete-modal__title) {
  color: var(--color-text);
  font-family: var(--font-family-heading);
  font-size: var(--font-size-section-title);
  line-height: var(--line-height-tight);
}