:root {--tec-color-text-primary:#fff;--tec-color-text-secondary:#dd3333;}
.tribe-editor__subtitle .tribe-editor__btn--label,.tribe-editor__subtitle .tribe-editor__subtitle__headline-content,.tribe-editor__subtitle .tribe-editor__subtitle__headline-date {color:#000;}
.tribe-events .datepicker .datepicker-switch {color:#000;}
.tribe-events .datepicker .datepicker-switch:focus,.tribe-events .datepicker .datepicker-switch:hover {color:#ff0000;}
.tribe-events .datepicker .day,.tribe-events .datepicker .dow {color:#000;}
.tribe-events .tribe-events-c-view-selector__button {background:#fff;}
.post-type-tribe_events .editor-styles-wrapper {background-color: #fff;}

/* TEC 6.18 scopes its palette to each view instead of inheriting :root. */
.tribe-common.tribe-events.tribe-events-view {
  --tec-color-text-primary: #ffffff;
  --tec-color-text-primary-light: #cccccc;
  --tec-color-text-secondary: #d5d5d5;
  --tec-color-text-disabled: #999999;
  --tec-color-text-events-title: #ffffff;
  --tec-color-text-event-title: #ffffff;
  --tec-color-text-event-title-list: #ffffff;
  --tec-color-text-events-title-latest-past: #ffffff;
  --tec-color-text-events-title-month-multiday: #ffffff;
  --tec-color-text-events-title-widget-list: #ffffff;
  --tec-color-icon-primary: #dddddd;
  --tec-color-icon-secondary: #bbbbbb;
  --tec-color-icon-active: #ffffff;
  --tec-color-icon-disabled: #888888;
  --tec-color-button-secondary: #ffffff;
}

/* These controls retain light surfaces and need their own dark palette. */
.tribe-events .datepicker,
.tribe-events .tribe-events-c-view-selector__content,
.tribe-events .tribe-events-c-subscribe-dropdown__content {
  --tec-color-text-primary: #141827;
  --tec-color-text-secondary: #404552;
  --tec-color-icon-primary: #404552;
  --tec-color-icon-active: #141827;
  color: #141827;
}

.tribe-common.tribe-events .tribe-events-c-top-bar__today-button,
.tribe-common.tribe-events .tribe-events-c-nav__today,
.tribe-events .tribe-events-c-view-selector__button,
.tribe-events .tribe-events-c-view-selector__button-text {
  color: #141827;
  background-color: #ffffff;
}

.tribe-events .tribe-events-c-view-selector__button-icon,
.tribe-events .tribe-events-c-view-selector__button-icon-svg {
  color: #141827;
  fill: #141827;
}

.tribe-events .tribe-events-calendar-list__event-title-link:hover,
.tribe-events .tribe-events-calendar-list__event-title-link:focus {
  color: #ff5a5a;
}

.tribe-events a:focus-visible,
.tribe-events button:focus-visible {
  outline: 2px solid #ff5a5a;
  outline-offset: 4px;
}