@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
    --font-main: 'Inter', Arial, Helvetica, sans-serif;
    --font-regular: normal;
    --font-medium: 500;
    --font-semi-bold: 600;
    --font-bold: 700;
    --font-extra-bold: 800;

    --color-principal: #1297B6; /*Ej: Color botones, hover de enlaces */
    --color-secundario: #e0ec5e; /*Ej: Contenedor saldo de cliente*/
    --color-terciario: #deeff6; /*Ej: Fondo menu homepage*/
    --color-texto-principal: #2d2a26; /*Ej: Texto, enlaces*/
    --color-texto-secundario: #4EB4CB; /*Ej: Enlaces menu*/
    
    --fondo-principal: url('../img/fondo-principal.png'); /*Ej: Fondo pagina login, fondo cabecera homepage */
    --fondo-principal-mobile: url('../img/fondo-principal-mobile.png'); /*Ej: Fondo pagina login en versión mobile, fondo cabecera homepage en versión mobile */
    --fondo-principal-color: linear-gradient(180deg, #2CA2BE -9.91%, #B4DEE9 34.53%, #DEF0F6 90.49%); /*Ej: Fondo pagina login, fondo cabecera homepage */
    --fondo-cabecera: url('../img/fondo-header.png'); /*Ej: Fondo cabecera cn logo en todas las paginas */

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