/* === PALETA DE GLIK === */
:root {
  /* Primarios */
  --color-primary: #6639FC;
  --color-primary-light: #8967FF; /* Variante generada */
  --color-primary-dark: #4A1BD7;  /* Variante generada */
  --color-accent: #DBFC75;        /* Amarillo-lima vibrante */
  --color-accent-light: #E7FE9E;
  
  /* Secundarios */
  --color-secondary-red: #FF7177;
  --color-secondary-blue: #1E1C5E;

  /* Complementarios (De la imagen adjunta) */
  --color-comp-miel: #FCDA26;
  --color-comp-mandarina: #FF8A00;
  --color-comp-fresa: #FF2D39;
  --color-comp-manzana: #55FB5E;
  --color-comp-aqua: #15D5D7;
  --color-comp-cobalto: #003BFF;
  --color-comp-piedra: #5F5E8B;
  --color-comp-ceniza: #B1BCCD;
  --color-comp-chantilly: #FFFFFF;

  /* Neutros */
  --color-neutral-900: #121020;  /* Texto principal */
  --color-neutral-700: #3E3B52;  /* Texto secundario */
  --color-neutral-400: #A09EAD;  /* Bordes, placeholders */
  --color-neutral-100: #F4F3F8;  /* Fondos claros */
  --color-neutral-50:  #FBFBFC;  /* Fondo base */
  --color-white: #FFFFFF;

  /* Semánticos */
  --color-success: var(--color-comp-manzana);
  --color-error: var(--color-comp-fresa);
  --color-warning: var(--color-comp-mandarina);

  /* Gradientes */
  --color-gradient-hero-personas: radial-gradient(circle at 0% 50%, rgba(102, 57, 252, 0.15) 0%, transparent 60%), radial-gradient(circle at 100% 50%, rgba(219, 252, 117, 0.25) 0%, transparent 60%), #FBFBFC;
  --color-gradient-hero-empresas: linear-gradient(135deg, var(--color-secondary-blue) 0%, var(--color-neutral-900) 100%);

  /* === TIPOGRAFÍA === */
  /* Importado via Google Fonts en HTML o font-faces locales si estuvieran disponibles */
  --font-display: 'Syne', sans-serif;
  --font-body: 'Manrope', sans-serif;
  --font-mono: 'Poppins', monospace; /* Usando Poppins para números limpios y gruesos si procede, o dejar monospace nativo */

  /* === ESPACIADO === */
  --space-xs: 0.25rem;    /* 4px */
  --space-sm: 0.5rem;     /* 8px */
  --space-md: 1rem;       /* 16px */
  --space-lg: 1.5rem;     /* 24px */
  --space-xl: 2rem;       /* 32px */
  --space-2xl: 3rem;      /* 48px */
  --space-3xl: 4rem;      /* 64px */
  --space-4xl: 6rem;      /* 96px */
  --space-section: 8rem;  /* 128px */

  /* === BORDES Y SOMBRAS === */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 32px;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
  --shadow-lg: 0 12px 40px rgba(0,0,0,0.12);
  --shadow-glow-primary: 0 0 24px rgba(102, 57, 252, 0.4);
  --shadow-glow-accent: 0 0 24px rgba(219, 252, 117, 0.4);

  /* === TRANSICIONES === */
  --transition-fast: 150ms ease;
  --transition-base: 300ms ease;
  --transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-spring: 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}