@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: #ffdb00; /*Ej: Fondo pagina contacto, */
    --color-secundario: #feeb7a; /*Ej: Texto, fondo de caja formulario contacto*/
    --color-terciario: #fbf6d8; /*Ej: Fondo menu homepage comercial*/
    --color-texto-principal: #2d2a26; /*Ej: Texto, enlaces pie*/
    --color-texto-secundario: #a5a5a5; /*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*/
}