@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: #C94C4C; /*Ej: Fondo pagina contacto, */
    --color-secundario: #E5A18D; /*Ej: Texto, fondo de caja formulario contacto*/
    --color-terciario: #F7E9D7; /*Ej: Fondo menu homepage comercial*/
    --color-texto-principal: #2B1B0E; /*Ej: Texto, enlaces pie*/
    --color-texto-secundario: #A87C5B; /*Ej: Enlaces no activos menu principal homepage comercial*/

    --fondo-login: url('../img/login-back.png'); /*Ej: Fondo pagina contacto*/
    --fondo-error: url('../img/form-error-back.png'); /*Ej: Fondo form error*/
    --fondo-pantalla-completa: url('../img/form-back.png'); /*Ej: Fondo pagina contacto*/
    --fondo-cabecera-pagina: url('../img/header-page-back_nadal.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*/
}