:root {
  /* Color fondo de boton inicio y hover nombre titulo de menu */
  --color-boton-inicio: #439203;

  /* Color fondo (hover) de botones del menu */
  --color-hover-boton-menu: #c2c2c2;

  /* Color de fondo de la web */
  --color-fondo-web: #252525;

  /* Color recuadro derecho categorias y tarjetas post del cuadro principal */
  --color-subrecuadros: #6c6c6c47;

  /* Color de barra del menu superior y color de barra footer */
  --color-barra-superior-inferior: #272727e0;

  /* Color (hover) del scroll personalizado */
  --color-hover-scroll: #4ca504;

  /* Color recuadros principales que encierran al sub-recuadro derecho de categorias y del sub-recuadro que encierra las tarjetas de los post (Recuadro principal central) */
  --color-recuadros-principales: #2b2b2bd4;

  /* Color texto tarjetas post y otros elementos */
  --color-texto-tarjeta: #d6d6d6;

  /* Color texto (hover) de recuadro que encierra las tarjetas de los post */
  --color-hover-texto-tarjeta: #ffffff;

  /* Color del texto de busqueda cuando esta inactivo */
  --color-texto-busqueda-inactivo: #a5a5a5;

  /* Color del texto de busqueda cuando esta activo */
  --color-texto-busqueda-activo: #000000;

  /* Color del rectangulo que encierra el campo de busqueda */
  --color-rectangulo-busqueda: #439203;

  /* Color de tarjeta que encierra el login cuando no esta activo */
  --color-tarjeta-login-opaco: #6c6c6c0f;

  /* Color del texto de la tarjeta del login cuando no esta activo */
  --color-texto-tarjeta-login-opaco: #d6d6d62e;

  /* Color del borde de la tarjeta del login que si permanece activo */
  --color-borde-tarjeta-login-activo: #73AD21;

  /* Color negro */
  --color-negro: #000000;

  /* Color blanco */
  --color-blanco: #ffffff;

    /* login colors */
  --logincard-opaco: #6c6c6c0f; /* Color de tarjeta que encierra el login cuando no esta activo */
  --logintext-opaco: #d6d6d62e; /* Color del texto de la tarjeta del login cuando no esta activo */
  --loginborder:     #73AD21; /* Color del borde de la tarjeta del login que si permanece activo */

  /* others */
  --negro: #000000;
  --blanco: #ffffff;
}