/* =============================================================================
   lum-brand.css · OVERRIDE DE MARCA sobre design-system.css
   Cargar inmediatamente DESPUÉS de design-system.css (gana por orden).
   Reapunta SOLO la rampa de marca (verde TPL → índigo Lum) y neutraliza el
   tinte verde de los grises a un slate frío. El resto del sistema cascadea.
   Marca: Lum (de lum.uy) · acento índigo medido, distinto del verde de tpl-finance.
   ============================================================================= */

:root {
  /* Rampa de marca — índigo apagado (estilo "afinado", no neón) */
  --indigo-50:  #EEEEFB;
  --indigo-100: #DEDEF6;
  --indigo-200: #C2C1EC;
  --indigo-300: #9D9BDD;
  --indigo-400: #736FC9;
  --indigo-500: #534AB7;   /* base de marca */
  --indigo-600: #463EA0;
  --indigo-700: #393286;
  --indigo-800: #2A2663;

  --brand:         var(--indigo-500);
  --brand-hover:   var(--indigo-600);
  --brand-active:  var(--indigo-700);
  --brand-tint:    var(--indigo-50);
  --brand-tint-2:  var(--indigo-100);
  --brand-on-tint: var(--indigo-700);
  --focus-ring:    color-mix(in srgb, var(--indigo-500) 38%, transparent);

  /* Neutros — slate frío (reemplazan los gray-* con tinte verde del DS) */
  --gray-50:  #F8F9FA;
  --gray-100: #F1F3F5;
  --gray-150: #ECEEF1;
  --gray-200: #E4E7EB;
  --gray-300: #CDD2D9;
  --gray-400: #98A0AB;
  --gray-500: #6B7280;
  --gray-600: #515967;
  --gray-700: #3B424E;
  --gray-800: #272D37;
  --gray-900: #161B22;
  --gray-950: #0C0F14;
}

[data-theme="dark"] {
  --brand:         var(--indigo-400);
  --brand-hover:   var(--indigo-300);
  --brand-active:  var(--indigo-200);
  --brand-tint:    #1B1A33;
  --brand-tint-2:  #252245;
  --brand-on-tint: var(--indigo-300);
  --focus-ring:    color-mix(in srgb, var(--indigo-400) 42%, transparent);
}