:root {
  /*COLORES PRINCIPALES*/
  /*--primary-color: #0B1588; /* Color principal */
  /*--secondary-color: #337ab7; /* 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: #000b8c; /* 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(../images/custom/logo-color.png);
  --footer-logo: url(../images/custom/logo-white.png);
  --login-logo: url(../images/custom/logo-white.png);

  /*IMÁGENES DE FONDO*/
  /*--login-background: url(../images/custom/login-background.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ú */
}
