/* tokens.css · Identidad 3.0, modo NOCTURNO (manual App 3.0, 23-sep-2026, tokens.json → dark).
   ÚNICO archivo del frontend donde se escribe un valor de color. Lo demás consume var().
   Enmiendas D1–D3 de Raimundo (25-sep): documentos/enmienda-3-nocturno.md. */
:root{
  color-scheme:dark;

  /* superficies */
  --fondo:#071F19;            /* bg: el body */
  --superficie:#102E25;       /* surface: barras, lámina, tarjetas · = theme-color */
  --superficie-alta:#173D31;  /* raised: marco, elevación */

  /* letra */
  --letra:#F1FFF8;            /* text */
  --letra-2:#B1CDC0;          /* muted */
  --letra-3:#8FAA9C;          /* enmienda D1: la demo la usa y el manual no tiene tercer nivel */

  /* líneas */
  --filete:#315347;           /* line: filetes, cajas punteadas, subrayados, estrella vacía */
  --borde-control:#7B9D8C;    /* control: el contorno de lo que se toca (≥3:1) */

  /* acento */
  --acento:#00D98A;           /* RELLENO: lo que lleva algo encima (botón primario, chip activo) */
  --sobre-acento:#003D32;     /* on-accent: letra o figura sobre --acento */
  --acento-letra:#00D98A;     /* acento como LETRA, ícono o trazo sobre el fondo (enlaces, rombo, estrellas) */
  --foco:#F1FFF8;             /* focus */

  /* estados */
  --exito:#00D98A;  --exito-fondo:#123A2B;
  --aviso:#FFD58A;  --aviso-fondo:#3B2B0B;
  --error:#FFB4AB;  --error-fondo:#4A201E;

  /* velos: se derivan del fondo (enmienda D1); los alfas, los de hoy */
  --velo:linear-gradient(180deg,
      color-mix(in srgb, var(--fondo) 80%, transparent) 0%,
      color-mix(in srgb, var(--fondo) 56%, transparent) 40%,
      color-mix(in srgb, var(--fondo) 90%, transparent) 100%);
  --vineta:radial-gradient(58% 48% at 50% 52%,
      color-mix(in srgb, var(--fondo) 72%, transparent) 0%,
      color-mix(in srgb, var(--fondo) 30%, transparent) 58%, transparent 78%);
  --fundido-pie:linear-gradient(180deg,
      color-mix(in srgb, var(--fondo) 6%, transparent) 30%,
      color-mix(in srgb, var(--fondo) 82%, transparent));
  --velo-rotulo:color-mix(in srgb, var(--fondo) 82%, transparent);

  /* no son color, pero vivían en los 25 :root locales y se mudan con ellos */
  --ui:system-ui,-apple-system,'Segoe UI',sans-serif;
  --curva:cubic-bezier(.22,.8,.28,1);
  --radio:4px;
  --canaleta:20px;
  --columna:min(460px,100%);
}