/* WAVO · tokens de marca · Manual de identidad 1.0 (10/2026) */
:root {
  /* Marca */
  --wavo-carbon:        #14161B;
  --wavo-papel:         #F3F2EE;
  --wavo-violeta:       #5B3BFF;   /* acento, punto, botón */
  --wavo-violeta-luz:   #9B8AFF;   /* acento en modo oscuro */
  --wavo-grafito:       #2A2D34;
  --wavo-plomo:         #8A8E97;
  --wavo-niebla:        #E2E1DB;
  --wavo-tinta-2:       #4A4E57;

  /* Estados: base · texto sobre claro · fondo suave */
  --wavo-ok:            #12A08A;  --wavo-ok-texto:      #0A7464;  --wavo-ok-fondo:      #DDF2EC;
  --wavo-alerta:        #F2A516;  --wavo-alerta-texto:  #8A5A00;  --wavo-alerta-fondo:  #FCEFD2;
  --wavo-falla:         #D4402F;  --wavo-falla-texto:   #B3261E;  --wavo-falla-fondo:   #F9E0DD;
  --wavo-sin-conexion:  #8A8E97;  --wavo-sin-texto:     #5F636C;  --wavo-sin-fondo:     #E9EAEC;

  /* Tipografía */
  --wavo-font-titulos:  "Sora", system-ui, sans-serif;
  --wavo-font-texto:    "IBM Plex Sans", system-ui, sans-serif;
  --wavo-font-datos:    "IBM Plex Mono", ui-monospace, monospace;

  /* Forma */
  --wavo-radio:         10px;
  --wavo-radio-chico:   6px;
  --wavo-trazo-icono:   2px;

  /* Superficies (modo claro) */
  --wavo-fondo:         var(--wavo-papel);
  --wavo-superficie:    #FFFFFF;
  --wavo-texto:         var(--wavo-carbon);
  --wavo-acento:        var(--wavo-violeta);
}

[data-theme="dark"] {
  --wavo-fondo:         var(--wavo-carbon);
  --wavo-superficie:    var(--wavo-grafito);
  --wavo-texto:         #FFFFFF;
  --wavo-acento:        var(--wavo-violeta-luz);
}