:root {
    /*COLORES PRINCIPALES*/
    --primary-color: #00CBDA; /* Color principal */
    --secondary-color: #7DCAD6; /* Color secundario */
    --body-background: #fff; /* Color fondo cuerpo página */
    --modal-background:rgba(255,255,255,1); /*Color fondo modal */

    /*FUENTE*/
    --primary-font-style: 'Montserrat', sans-serif;
    --primary-font-size: 14px; /* Tamaño fuente principal */
    --primary-font-color: #3a3a3a; /* texto color oscuro */
    --secondary-font-color: #fff; /* texto color claro */

    /*BORDES BOTONES Y CAMPOS FORMULARIO*/
    --input-border-radius: 0; /* Redondeado de esquinas en campos input formulario */
    --button-border-radius: 100px; /* Redondeado de esquinas en botones */

    /*COLORES LINKS MENU USUARIO*/
    --header-link-color: var(--secondary-color); /* Color enlaces general */
    --header-background-color: var(--body-background);

    /*COLORES LINKS MENU PRODUCTOS*/
    --product-menu-background: var(--primary-color); /* Color fondo para menú desktop*/
    --product-sub-menu-background: var(--secondary-color); /* Color fondo submenús */
    --product-menu-link-color: var(--secondary-font-color); /* Color enlaces menú desktop */
    --product-menu-link-hover-color: var(--primary-color); /* Color enlaces menú desktop hover */
    --product-menu-link-cart-background: var(--secondary-color); /* Color fonto carrito menú */

    /*COLORES FOOTER*/
	--footer-background: var(--primary-color); /* Color fondo footer */
    --footer-link-color: var(--secondary-font-color); /* Color enlaces footer */

    /*COLORES ICONOS*/
    --icon-primary-color: var(--primary-color); /* Color iconos general, color iconos header */
    --icon-secondary-color: var(--secondary-font-color); /* Color otros iconos */
    --icon-searcher-color: rgba(255,255,255,.9) !important; /* Color iconos campos buscador */

    /*PLACEHOLDER BUSCADORES*/
    --placeholder-searcher-color: rgba(255,255,255,.9); /* Color de los placeholders de campos en buscador. Inicialmente
                                                           igual que var(--icon-searcher-color) */

	/*LOGOS*/
	
		
		    --header-logo: url(https://dome-assets-brx.s3.eu-west-1.amazonaws.com/cms/config/logo-brx.png);
		
		
	
	
	    
	        --footer-logo: url(https://dome-assets-brx.s3.eu-west-1.amazonaws.com/cms/config/logo-brx-blanco.png);
	    
	    
	
	
		
			--login-logo: url(https://dome-assets-brx.s3.eu-west-1.amazonaws.com/cms/config/logo-brx.png);
	    
	    
	

    /*IMÁGENES DE FONDO*/
	
		
			--login-background: url(https://dome-assets-brx.s3.eu-west-1.amazonaws.com/cms/config/login-background-b2c.jpg);
		
		
	

    /*VARIABLES MOBILE*/
    --mobile-icon-menu-color: var(--primary-color); /* color icono menu desplegable mobile */
    --mobile-menu-link-color: var(--secondary-font-color); /* Color links menú mobile */
    --mobile-menu-link-active-color: var(--primary-color); /* Color link activo menú mobile */
    --mobile-menu-link-cart-color: var(--secondary-color); /* Color borde e iconos carrito mobile */
    --mobile-menu-background: var(--secondary-color); /* Color de fondo menu mobile */
    --mobile-header-background: var(--secondary-color); /* Color fondo barra superior iconos mobile */
    --mobile-menu-link-cart-background: transparent; /* Color fonto carrito menú */
}