/* Campos de formulário do site: fundo e texto padrão de inputs de texto,
   selects e textareas (inclusive o placeholder). As regras específicas de
   cada página usam as mesmas variáveis; esta base vale para o que elas não
   cobrem. :where() zera a especificidade, então ela nunca briga com o CSS
   das páginas. Checkbox, radio, slider e upload ficam de fora. */

:root {
  --campo-fundo: #eef2f8;
  --campo-texto: #9294a3;
}

:where(
  input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"], [type="hidden"], [type="submit"], [type="button"]),
  select,
  textarea
) {
  background-color: var(--campo-fundo);
  color: var(--campo-texto);
}

:where(input, textarea)::placeholder {
  color: var(--campo-texto);
  opacity: 1;
}