:root {
  /* ---------------------------------------------------------------------------------------------------------------------- begin:: Codelis Brand Colors */
  --codelis-logoR: #70388E;
  --codelis-logoR-rgb: rgb(112, 56, 142);
  --codelis-logoL: #8F559B;
  --codelis-logoL-rgb: rgb(143, 85, 155);
  --codelis-claro: #9b63f5;
  --codelis-claro-rgb: rgb(155, 99, 245);
  --codelis-extra-claro: #af9dca;
  --codelis-extra-claro-rgb: rgb(175, 157, 202);
  --codelis-oscuro: #2f012c;
  --codelis-oscuro-rgb: rgb(47, 1, 44);
  --codelis-extra-oscuro: #38154b;
  --codelis-extra-oscuro-rgb: rgb(56, 21, 75);
  /* ------------------------------------------------------------------------------------------------------------------------- end:: Codelis Brand Colors */

  /* ------------------------------------------------------------------------------------------------------------------------------ begin:: Otros Colores */
  --azul-brillante: #0000ff;
  --azul-brillante-rgb: rgb(0, 0, 255);
  --azul-navy: #002c59;
  --azul-navy-rgb: rgb(0, 44, 89);
  --azul-profundo: #151a2b;
  --azul-profundo-rgb: rgb(21, 26, 43);

  --celeste: #007bff; /* (= a primary) */
  --celeste-rgb: rgb(0, 123, 255);
  --celeste-claro: #3f6791;
  --celeste-claro-rgb: rgb(63, 103, 145);
  --celeste-extraClaro: #86bad8;
  --celeste-extraClaro-rgb: rgb(134, 186, 216);

  --blanco: #ffffff;
  --blanco-rgb: rgb(255, 255, 255);

  --gris: #343a40; /* (ex dark) */
  --gris-rgb: rgb(52, 58, 64);
  --gris-medio: #454d55;
  --gris-medio-rgb: rgb(69, 77, 85);
  --gris-claro: #6c757d; /* (= a secondary) */
  --gris-claro-rgb: rgb(108, 117, 125);
  --gris-extra-claro: #cecece;
  --gris-extra-claro-rgb: rgb(206, 206, 206);

  --amarillo-claro: #feda6e;
  --amarillo-claro-rgb: rgb(254, 218, 110);
  --amarillo-extra-claro: #ffeeba;
  --amarillo-extra-claro-rgb: rgb(255, 238, 186);

  --violeta: #6610f2;
  --violeta-rgb: rgb(102, 16, 242);
  --violeta-claro: #cf9fff;
  --violeta-claro-rgb: rgb(207, 159, 255);
  --purpura: #6f42c1;
  --purpura-rgb: rgb(111, 66, 193);

  --rojo: #ff0000;
  --rojo-rgb: rgb(255, 0, 0);
  --rojo-oscuro: #5c0505;
  --rojo-oscuro-rgb: rgb(92, 5, 5);
  --rojo-tomate: #e74c3c;
  --rojo-tomate-rgb: rgb(231, 76, 60);

  --naranja: #fd7e14;
  --naranja-rgb: rgb(253, 126, 20);
  --naranja-oscuro: #cf5e02;
  --naranja-oscuro-rgb: rgb(207, 94, 2);
  --naranja-extra-oscuro: #5f2c02;
  --naranja-extra-oscuro-rgb: rgb(95, 44, 2);
  --naranja-claro: #f8c499;

  --crema: #fffdd0;
  --crema-rgb: rgb(255, 253, 208);
  --crema-oscuro: #d9d7a3;
  --crema-oscuro-rgb: rgb(217, 215, 163);

  --rosa: #e83e8c;
  --rosa-rgb: rgb(232, 62, 140);
  --rosa-claro: #db8db2;
  --rosa-claro-rgb: rgb(219, 141, 178);
  --rosa-oscuro: #470e25;
  --rosa-oscuro-rgb: rgb(71, 14, 37);

  --fucsia: #f672d8;
  --fucsia-rgb: rgb(246, 114, 216);

  --granate: #800000;
  --granate-rgb: rgb(128, 0, 0);

  --verde: #008000;
  --verde-rgb: rgb(0, 128, 0);

  --verde-azulado: #008080;
  --verde-azulado-rgb: rgb(0, 128, 128);
  --verde-azulado-oscuro: #012525;
  --verde-azulado-oscuro-rgb: rgb(1, 37, 37);

  --lima: #67ffa9;
  --lima-rgb: rgb(103, 255, 169);
  --lima-claro: #aef3cc;
  --lima-claro-rgb: rgb(174, 243, 204);
  --lima-oscuro: #054e25;
  --lima-oscuro-rgb: rgb(5, 78, 37);

  --oliva: #74c8a3;
  --oliva-rgb: rgb(116, 200, 163);
  --oliva-claro: #a4dfc5;
  --oliva-claro-rgb: rgb(164, 223, 197);
  --oliva-oscuro: #2d4038;
  --oliva-oscuro-rgb: rgb(45, 64, 56);

  --dorado: #856404;
  --dorado-rgb: rgb(133, 100, 4);
  --dorado-oscuro: #533f03;
  --dorado-oscuro-rgb: rgb(83, 63, 3);

  --marron: #ba8845;
  --marron-rgb: rgb(186, 136, 69);
  --marron-oscuro: #40382d;
  --marron-oscuro-rgb: rgb(64, 56, 45);
  /* ...................................................................................................................................... Region Colors */
  --noroeste: #672500;
  --noroeste-rgb: rgb(103, 37, 0);
  --noroeste-claro: #8a6855;
  --noroeste-claro-rgb: rgb(138, 104, 85);

  --litoral: #a22020;
  --litoral-rgb: rgb(162, 32, 32);
  --litoral-claro: #c66666;
  --litoral-claro-rgb: rgb(198, 102, 102);

  --cuyo: #ef61fa;
  --cuyo-rgb: rgb(239, 97, 250);
  --cuyo-claro: #f8b8fd;
  --cuyo-claro-rgb: rgb(248, 184, 253);

  --serrana: #906700;
  --serrana-rgb: rgb(144, 103, 0);
  --serrana-claro: #ad924f;
  --serrana-claro-rgb: rgb(173, 146, 79);

  --pampeana: #ff7400;
  --pampeana-rgb: rgb(255, 116, 0);
  --pampeana-claro: #fda45a;
  --pampeana-claro-rgb: rgb(253, 164, 90);

  --patagonica: #3f8c47;
  --patagonica-rgb: rgb(63, 140, 71);
  --patagonica-claro: #7caf81;
  --patagonica-claro-rgb: rgb(124, 175, 129);
  /* -------------------------------------------------------------------------------------------------------------------------------- end:: Otros Colores */

  /* -------------------------------------------------------------------------------------------------------------------------------- begin:: CMYK Colors */
  --cyan: #00ffff;
  --cyan-rgb: rgb(0, 255, 255);
  --magenta: #ff00ff;
  --magenta-rgb: rgb(255, 0, 255);
  --amarillo: #ffff00;
  --amarillo-rgb: rgb(255, 255, 0);
  --negro: #000000;
  --negro-rgb: rgb(0, 0, 0);
  /* -------------------------------------------------------------------------------------------------------------------------------- end:: CMYK Colors */

  --info: #007bff;
  --info-rgb: rgb(0, 123, 255);
  --info-claro: #6fafeb;
  --info-claro-rgb: rgb(111, 175, 235);
  --info-extra-claro: #d4e7f8;
  --info-oscuro: #1c5a9c;
  --info-oscuro-rgb: rgb(28, 90, 156);
  --info-extra-oscuro: #164272;
  --info-extra-oscuro-rgb: rgb(22, 66, 114);

  --success: #28a745;
  --success-rgb: rgb(40, 167, 69);
  --success-claro: #6bcf81;
  --success-claro-rgb: rgb(107, 207, 129);
  --success-oscuro: #18662a;
  --success-oscuro-rgb: rgb(24, 102, 42);
  --success-extra-oscuro: #062b0f;
  --success-extra-oscuro-rgb: rgb(6, 43, 15);

  --warning: #ffc107;
  --warning-rgb: rgb(255, 193, 7);
  --warning-oscuro: #a38b00;
  --warning-oscuro-rgb: rgb(163, 139, 0);
  --warning-extra-oscuro: #695108;
  --warning-extra-oscuro-rgb: rgb(105, 81, 8);
  --warning-claro: #feda6e;
  --warning-claro-rgb: rgb(254, 218, 110);

  --danger: #dc3545;
  --danger-rgb: rgb(220, 53, 69);
  --danger-claro: #c55762;
  --danger-claro-rgb: rgb(197, 87, 98);
  --danger-extraClaro: #ed969e;
  --danger-extraClaro-rgb: rgb(237, 150, 158);
  --danger-extraExtraClaro: #d3a5aa;
  --danger-extraExtraClaro-rgb: rgb(211, 165, 170);
  --danger-oscuro: #57050d;
  --danger-oscuro-rgb: rgb(87, 5, 13);
  --danger-extra-oscuro: #220205;
  --danger-extra-oscuro-rgb: rgb(34, 2, 5);
  /* --------------------------------------------------------------------------------------------------- begin:: info, successs, warning & danger Colors */

  /* ----------------------------------------------------------------------------------------------------------------------- begin:: Social Media colors */
  --bg-whatsapp: #25d366;
  --bg-whatsapp-rgb: rgb(37, 211, 102);
  --bg-whatsapp-oscuro: #075e54;
  --bg-whatsapp-oscuro-rgb: rgb(7, 94, 84);

  --bg-facebook: #4267b2;
  --bg-facebook-rgb: rgb(66, 103, 178);
  --bg-facebook-claro: #1877f2;
  --bg-facebook-claro-rgb: rgb(24, 119, 242);

  --bg-x: #14171a;
  --bg-x-rgb: rgb(20, 23, 26);
  --bg-x-gray: #657786;
  --bg-x-gray-rgb: rgb(101, 119, 134);
  --bg-x-gray-claro: #aab8c2;
  --bg-x-gray-claro-rgb: rgb(170, 184, 194);

  --bg-telegram: #24a1de;
  --bg-telegram-rgb: rgb(36, 161, 222);

  --bg-linkedin: #0a66c2;
  --bg-linkedin-rgb: rgb(10, 102, 194);

  --bg-wordpress: #32373c;
  --bg-wordpress-rgb: rgb(50, 55, 60);
  --bg-wordpress-gray: #585c60;
  --bg-wordpress-gray-rgb: rgb(88, 92, 96);

  --bg-mercadoPago: #ffe600;
  --bg-mercadoPago-rgb: rgb(255, 230, 0);

  --bg-youtube: #B2071D;
  --bg-youtube-rgb: rgb(178, 7, 29);

  --bg-instagram: linear-gradient(135deg, 
        #405DE6 0%, 
        #5851DB 10%, 
        #833AB4 25%, 
        #C13584 40%, 
        #E1306C 50%, 
        #FD1D1D 65%, 
        #F56040 75%, 
        #F77737 85%, 
        #FCAF45 92%, 
        #FFDC80 100%
    );

    --bg-instagram-rgb: linear-gradient(135deg, 
        rgb(64, 93, 230) 0%, 
        rgb(88, 81, 219) 10%, 
        rgb(131, 58, 180) 25%, 
        rgb(193, 53, 132) 40%, 
        rgb(225, 48, 108) 50%, 
        rgb(253, 29, 29) 65%, 
        rgb(245, 96, 64) 75%, 
        rgb(247, 119, 55) 85%, 
        rgb(252, 175, 69) 92%, 
        rgb(255, 220, 128) 100%
    );
  
  /* ----------------------------------------------------------------------------------------------------------------------- end:: Social Media colors */
}