:root{
    --body-bg-color: gray;/* color principal del documento (fondo de la página) */
    --container-bg-color: #ececec; /* Color del contenedor del from (la tarjeta en la que se encuentra el form) */
    --container-box-shadow-color: #333333; /* color de la sobra al rededor de la tarjeta del form */
    --container-h1-font-color: #000000; /* Color de la fuente del h1, es el titulo del form que aparece en la parte superior */
    --main-default-fon-color: #000000; /* Color de fuente por defecto para todo lo de main (todo dentro de la tarjeta del form menos lo que ya se le especificó color de fuente) */
    --main-input-font-color: #000000; /* Afecta todos los inputs del form y el botón del forma */
    --main-input-border-color: gray; /* Afecta el borde del color del botón del form y los bordes del input del from */
    --main-form-button-bg-color: #d41c04; /* color de fondo del botón del form */
    --form-button-hover-bg-color: #000000; /* Coloral al que camiará el botón cuando se mantenga el puntero por encima de el */
    --form-button-hover-font-color: #FFFFFF; /* Color  al que cambiará el tecto dentro del botón cuando el punteor se mantenga sobre el */
    --form-input-hover-font-color: #161616; /* Color al que se cambiará el texto escrito en los inputs del formulario siempre que se mantenga el cursor sobre el */
}