/*===================== Premery bg color =====================*/
/* Paleta de colores XOLOGAS basada en el logo */
/* Colores del logo: Rojo intenso, Negro, Blanco */

[data-theme-color="skin-1-theme"],
:root {
  /* Colores principales del logo XOLOGAS */
  --color-primary: #DC143C;        /* Rojo principal del logo (Crimson) */
  --color-secondry: #000000;        /* Negro del anillo exterior y contornos */
  --color-hover: #B0112F;           /* Rojo oscuro para hover y estados activos */
  --color-white: #FFFFFF;           /* Blanco del texto y elementos centrales */
  
  /* Variaciones de rojo para diferentes usos */
  --color-red-light: #E63950;       /* Rojo claro para efectos sutiles */
  --color-red-dark: #8B0000;        /* Rojo muy oscuro para contrastes */
  
  /* Variaciones de negro/gris */
  --color-black-light: #1a1a1a;     /* Negro suave para fondos */
  --color-gray-dark: #2d3239;       /* Gris oscuro para texto secundario */
  --color-gray: #6f6f6f;            /* Gris medio para texto */
  --color-gray-light: #f5f6f6;      /* Gris claro para fondos */
  
  /* RGBA para transparencias del rojo principal */
  --rgba-primary-1: rgba(220, 20, 60, 0.1);
  --rgba-primary-2: rgba(220, 20, 60, 0.2);
  --rgba-primary-3: rgba(220, 20, 60, 0.3);
  --rgba-primary-4: rgba(220, 20, 60, 0.4);
  --rgba-primary-5: rgba(220, 20, 60, 0.5);
  --rgba-primary-6: rgba(220, 20, 60, 0.6);
  --rgba-primary-7: rgba(220, 20, 60, 0.7);
  --rgba-primary-8: rgba(220, 20, 60, 0.8);
  --rgba-primary-9: rgba(220, 20, 60, 0.9);
  
  /* RGBA para transparencias del negro */
  --rgba-black-1: rgba(0, 0, 0, 0.1);
  --rgba-black-2: rgba(0, 0, 0, 0.2);
  --rgba-black-3: rgba(0, 0, 0, 0.3);
  --rgba-black-4: rgba(0, 0, 0, 0.4);
  --rgba-black-5: rgba(0, 0, 0, 0.5);
  --rgba-black-6: rgba(0, 0, 0, 0.6);
  --rgba-black-7: rgba(0, 0, 0, 0.7);
  --rgba-black-8: rgba(0, 0, 0, 0.8);
  --rgba-black-9: rgba(0, 0, 0, 0.9);
  
  /* Texto */
  --text-sec: #2d3239;              /* Color de texto secundario */
  --text-primary: #000000;          /* Color de texto principal */
  --text-light: #6f6f6f;            /* Color de texto claro */
  
  /* Fondos */
  --bg-primary: #DC143C;            /* Fondo rojo principal */
  --bg-secondary: #000000;          /* Fondo negro */
  --bg-white: #FFFFFF;               /* Fondo blanco */
  --bg-gray: #f7f9fb;               /* Fondo gris claro */
}