/* PYG Group — paleta unificada v1 (oct 2026)
   Una sola escala neutra cálida (Group + Labs) y un único acento celeste (Tech).
   Copiar este archivo igual en los repos de PYG Group, PYG Labs y PYG Tech. */

:root {
  /* Neutros cálidos — mismo tono que #b8b5ac y #eae6da */
  --pyg-neutral-950: #13120f; /* fondo base de los tres sitios */
  --pyg-neutral-900: #1c1b18; /* tarjetas, barra de navegación */
  --pyg-neutral-800: #2a2925; /* superficie elevada, hover de tarjetas */
  --pyg-neutral-700: #3d3b36; /* bordes y divisores */
  --pyg-neutral-600: #5a5750; /* bordes fuertes, íconos inactivos */
  --pyg-neutral-500: #807d75; /* solo texto grande o decorativo (4,5:1 justo) */
  --pyg-neutral-400: #9e9b92; /* texto secundario sobre fondo oscuro */
  --pyg-neutral-300: #b8b5ac; /* PYG Group — principal */
  --pyg-neutral-200: #d2cfc6; /* texto sobre fondo oscuro, alternativa al crema */
  --pyg-neutral-100: #eae6da; /* PYG Labs — crema */
  --pyg-neutral-50:  #f6f4ee; /* fondo claro, si algún día hay modo claro */

  /* Celeste — PYG Tech */
  --pyg-blue-900: #1a2c44; /* fondo tintado celeste */
  --pyg-blue-700: #2f5689; /* hover sobre fondo claro */
  --pyg-blue-600: #4a78b3; /* enlaces sobre fondo claro */
  --pyg-blue-500: #6f9ed7; /* PYG Tech — acento */
  --pyg-blue-300: #a3c2e7; /* hover de enlaces sobre fondo oscuro */
  --pyg-blue-100: #dbe7f6; /* texto sobre fondo celeste oscuro */

  /* Roles comunes (lo que usan los componentes) */
  --bg:             var(--pyg-neutral-950);
  --surface:        var(--pyg-neutral-900);
  --surface-raised: var(--pyg-neutral-800);
  --border:         var(--pyg-neutral-700);
  --text:           var(--pyg-neutral-100);
  --text-secondary: var(--pyg-neutral-400);
  --label:          var(--pyg-neutral-300); /* etiquetas en mayúsculas espaciadas */
  --link:           var(--pyg-blue-500);
  --link-hover:     var(--pyg-blue-300);
  --button-bg:      var(--pyg-blue-500);
  --button-bg-hover:var(--pyg-blue-300);
  --button-text:    var(--pyg-neutral-950); /* texto oscuro: el blanco no pasa contraste */
  --focus-ring:     var(--pyg-blue-300);

  /* Color de marca de cada empresa (triángulo del logo, acentos) */
  --brand-group: var(--pyg-neutral-300);
  --brand-labs:  var(--pyg-neutral-100);
  --brand-tech:  var(--pyg-blue-500);
}

/* Cada sitio define su acento principal con una sola línea */
[data-site="group"] { --brand: var(--brand-group); }
[data-site="labs"]  { --brand: var(--brand-labs); }
[data-site="tech"]  { --brand: var(--brand-tech); }