@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

:root {
    --font-main: 'Roboto', Arial, Helvetica, sans-serif;
    --font-regular: 400;
    --font-medium: 500;
    --font-bold: 700;
    --color-principal: #e1000f; /*Ej: Fondo pagina contacto, */
    --color-secundario: #ded7d6; /*Ej: Texto, fondo de caja formulario contacto*/
    --color-terciario: #bdcdda; /*Ej: Fondo menu homepage comercial*/
    --color-texto-principal: #2d2a26; /*Ej: Texto, enlaces pie*/
    --color-texto-secundario: #ffffff; /*Ej: Enlaces no activos menu principal homepage comercial*/
    /*--fondo-pantalla-completa: url('../img/form-back.png');*/ /*Ej: Fondo pagina contacto*/
    /*--fondo-cabecera-pagina: url('../img/header-page-back.png');*/ /*Ej: Fondo cabecera homepage comercial,Fondo cabecera registro cliente*/
    /*--fondo-registro-mensaje-1: url('../img/registro-mensaje-back-01.png');*/ /*Ej: Fondo superior izquierdo de la pagina con el mensaje de registro realizado*/
    /*--fondo-registro-mensaje-2: url('../img/registro-mensaje-back-02.png');*/ /*Ej: Fondo inferior derecho de la pagina con el mensaje de registro realizado*/

    --icono-info-catalogo: url('../img/icon-info.png'); /* Ej: Catálogo de productos*/
}