:root {

   /* BASE COLORS */
   --dark-gray: #525252;
   --ligth-gray: #CCCCCC;
   --white: #FFFFFF;
   --green: #76BF41;
   --dark-green: #297D0F;
   --red: #FF4131;
   --dark: #1A1A1A;
   --black: #000000;

   --naranja: #ff6600;
   --naranja-hover: #C73B11;
   --naranja-hover2: #ff3c00;
   --rojo: #C52018;
   --amarillo: #FFB900;
   --amarillo-hover: #DC8B12;
   --gris-claro: #D6D6D6;
   --gris-oscuro: #999999;
   --verde: #26C41B;

   --alpogo-red: #E54335;

   /* IDENTIDAD COLORS */
   --identidad: #E54335;
   --identidad-dark: #FF4131;

   --extra-ligth: #e75244;
   --extra-dark: #C73B11;

   /*OBJECTOS*/

   --header: var(--dark);
   --header-buscador: var(--white);
   --header-nav-hover: var(--identidad);
   --header-nav-menu-hover: var(--identidad);
   --boton-home: var(--green);
   --boton-home-hover: var(--dark-green);

   --botones-general: var(--identidad);
   --botones-general-hover: var(--extra-ligth);
   --botones-general-dark: var(--identidad-dark);
   --botones-general-dark-hover: var(--extra-dark);
   --text-color: var(--identidad);
   --text-color-hover: var(--identidad-dark);
   --pogometro-buttons: var(--identidad);


   /*
   Alpogo
      --a-links: var(FF4131);
      --a-links-hover: var(C73B11);

      --alert: var(E64111);
      --alert-icon: var(FF4131);
      --notificaciones: var(rgba(230, 65, 16, 0.95));
      
   */

   --a-links: var(--identidad);
   --a-links-hover: var(--extra-dark);

   --alert: var(--identidad);
   --alert-icon: var(--identidad-dark);
   --notificaciones: var(--identidad);

   --rrpp-b1: #F0C126;
   --rrpp-b1-hover: #d8ad1f;
   --rrpp-b2: #32F062;
   --rrpp-b2-hover: #24d14f;

}