/* Editable fields retain contrast before and after they are filled in. */
:root {
  --field-surface: #fff;
}
body.lees-theme,
.lees-theme,
.account-lees,
.package-lees,
.signin-lees,
.payment-lees {
  --field-surface: #512735;
}
body
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not(
    [type="range"]
  ):not([type="submit"]):not([type="button"]):not(:disabled):not([readonly]),
body textarea:not(:disabled):not([readonly]),
body select:not(:disabled) {
  /* Override legacy component-specific field surfaces, but keep borders and states. */
  background-color: var(--field-surface, #fff) !important;
  color: var(--ink, inherit);
}
body :is(input, textarea, select):focus-visible {
  outline: 2px solid var(--ink, currentColor);
  outline-offset: 2px;
}

/* Booking selectors blend into the surrounding venue-colored bar. */
body .booking-dock .booking-bar :is(#location, #space) {
  --field-surface: var(--paper);
  box-shadow: none;
}