/* ========================================
   PALETA DE COLORES COGNILAB 2025
   Colores oficiales del logo y marca
   ======================================== */

:root {
  /* Color principal del logo - Rosado vibrante */
  --cognilab-pink: #FF6B9D;
  --cognilab-pink-light: #FF8BB3;
  --cognilab-pink-dark: #E55A8A;
  
  /* Colores secundarios */
  --cognilab-purple: #8B5CF6;
  --cognilab-blue: #3B82F6;
  --cognilab-cyan: #06B6D4;
  
  /* Colores de acento */
  --cognilab-orange: #F59E0B;
  --cognilab-green: #10B981;
  
  /* Colores neutros */
  --cognilab-white: #FFFFFF;
  --cognilab-black: #000000;
  --cognilab-gray-light: #F3F4F6;
  --cognilab-gray: #6B7280;
  --cognilab-gray-dark: #374151;

  /* Colores coherentes para botones (azul medio, índigo, magenta oscuro y acento caoba) */
  --btn-azul-medio: #3B82F6;        /* Medium blue */
  --btn-indigo: #4F46E5;            /* Indigo */
  --btn-magenta-oscuro: #A21CAF;    /* Dark magenta */
  --btn-caoba: #7D1B0E;             /* Mahogany red (accent) */
}

/* Clases de color para uso directo */
.text-cognilab-pink {
  color: var(--cognilab-pink);
}

.text-cognilab-purple {
  color: var(--cognilab-purple);
}

.text-cognilab-blue {
  color: var(--cognilab-blue);
}

.text-cognilab-cyan {
  color: var(--cognilab-cyan);
}

/* Fondos con colores del logo */
.bg-cognilab-pink {
  background-color: var(--cognilab-pink);
}

.bg-cognilab-purple {
  background-color: var(--cognilab-purple);
}

.bg-cognilab-blue {
  background-color: var(--cognilab-blue);
}

/* Bordes con colores del logo */
.border-cognilab-pink {
  border-color: var(--cognilab-pink);
}

.border-cognilab-purple {
  border-color: var(--cognilab-purple);
}

.border-cognilab-blue {
  border-color: var(--cognilab-blue);
}