:root { color-scheme: dark; --blue: #67a8ff; --paper: #232526; color: #e8e6e1; }
a:focus-visible, button:focus-visible, summary:focus-visible, select:focus-visible, input:focus-visible { outline-color: var(--blue); }
.masthead { color: #e8e6e1; }
.filter-options, .date-panel, .week-popover { color: #e8e6e1; }
.filter-actions a, .film-name > span, .film-venue > span, .screening .details,
.week-count, .week-film-more, .week-empty, .week-extra-film small, .no-showings,
.calendar-weekdays { color: #adafaa; }
.film-venue > a, .film-venue .ticket-link, .showtime-times a { color: #e8e6e1; }
.film-right select, .preference select, .date-fields input {
  color: #e8e6e1;
  background: #2e3031;
  border-color: #737d85;
}
.date-fields input { color-scheme: dark; }
.date-presets, .film-entry, .screening, .week-ledger-day, .week-extra-film { border-color: #4b5053; }
.film-name h3 a, .screening h4 a { text-decoration-color: #768ca9; }
.filter-actions button, .date-actions button[type="submit"] { color: #17232e; }
.filter-actions button:hover, .date-actions button[type="submit"]:hover { color: #17232e; background: #93c1ff; border-color: #93c1ff; }
.calendar-day { color: #e8e6e1 !important; }
.calendar-day:disabled { color: #828b90 !important; }
.calendar-day.in-range, .calendar-day:hover:not(:disabled) { background: #34485b !important; }
.calendar-day.selected { color: #17232e !important; background: var(--blue) !important; }
.calendar-day[aria-current="date"] { box-shadow: inset 0 0 0 1px var(--blue); }
.filter-options, .date-panel, .week-popover { box-shadow: 4px 4px 0 #111314a6; }