:root{
/* ############ Body ############ */

    --bg-color: #fbfcff; /* Color de body*/

/* ############ Form ############ */

    --bg-form-color:#311D52; /* Color de fondo form*/
    
/* ############ Label ############ */
  
    --color-iconos: white;   /*Color de los iconos*/

/* ############ Input ############ */
    
    --bg-input-color: transparent; /* Color de fondo input*/
    
    --color-linea-input: white; /* Color de la línea input*/

    --color-texto-input: white; /* Color de texto input*/

    --color-placeholder: rgba(190, 190, 190, 0.600); /* Color de texto placeholder */

    --color-texto-focus: white; /* Color texto input al escribir */

    --color-linea-focus: #1e7555; /* Color de la linea del input al escribir */

/* ############ Button ############ */
    
    --bg-boton-color: #38AF84; /* Color de fondo boton*/

    --color-texto-boton: #fbfcff; /* Color de texto boton*/

    --bg-boton-color-hover: #1e7555; /* Color de fondo al posar el mouse en el boton*/

    --color-texto-boton-hover: white; /* Color de texto al posar el mouse en el boton */

/* ############ Link ############ */

    --color-texto-link:  rgba(240, 240, 240, 0.6) ; /* Color de texto del link "¿Olvidaste tu contraseña?"*/

    --color-texto-link-hover: #38AF84;  /* Color de hover del link "¿Olvidaste tu contraseña?"*/

/* ############ Small ############ */ 

    --small-color: rgba(190, 190, 190, 0.600); /* Color de texto small */

    --small-color-link-hover: #38AF84; /* Color de link small al posar el mouse */
    
}