.footer {
  --color-text: 255, 255, 255;
  --color-light-text: 255, 255, 255;
  --color-button-text-link: 255, 255, 255;
  --color-button-text: 255, 255, 255;
  --color-button-background: 255, 83, 105;
  --color-button-secondary-text: 255, 255, 255;
  --color-error-message: 255, 255, 255;

  color: #fff;
}

/* Keep every footer label readable on the dark footer background. */
.footer :where(h1, h2, h3, h4, h5, h6, p, span, li, a, button, label, small, strong, em),
.footer .rte,
.footer .field__label,
.footer .field__input,
.footer .field__info,
.footer .theme-select__placeholder,
.footer .theme-select__float {
  color: #fff !important;
}

.footer a:hover,
.footer a:focus-visible,
.footer a:visited {
  color: #fff !important;
}

.footer .field__input {
  caret-color: #fff;
}

.footer .field__input:-webkit-autofill,
.footer .field__input:-webkit-autofill:hover,
.footer .field__input:-webkit-autofill:focus,
.footer .field__input:-webkit-autofill:active {
  -webkit-text-fill-color: #fff !important;
}

.footer .icon__arrow,
.footer .icon__minus,
.footer .theme-select__arrow,
.footer .field__info > svg,
.footer .footer__social-media-content svg {
  color: #fff !important;
}

.footer .footer__menu::after {
  background-color: rgb(255 255 255 / 20%);
}