/* NexPass — tokens de marca (paleta base extraída del diseño original).
   Las paletas POR-ESTILO del configurador viven en el JS (STYLES), no aquí. */
:root {
  /* Tintas */
  --np-navy:       #0B0E26;
  --np-indigo:     #3B4BF5;
  --np-indigo-700: #2F3DD6;
  --np-menta:      #5FD4C8;
  --np-amarillo:   #F5D547;
  --np-terracota:  #C4532D;

  /* Grises */
  --np-gris-600:   #535A77;
  --np-gris-300:   #B8BDD9;
  --np-gris-200:   #E3E8F0;
  --np-gris-100:   #EEF2F7;

  /* Fondos */
  --np-bg-app:     #F6F8FB;
  --np-bg-crema:   #faf9f5;
  --np-blanco:     #FFFFFF;
  --np-lila-100:   #E9ECFF; /* fondo del hero */
  --np-aqua-100:   #DDF5F2; /* panel del demo */
  --np-sel:        #C9CFFF; /* ::selection */
}