/*
  Radar Alpha — Iconografía
  Fecha: 2026-07-28 | Versión: 1.0.0 | Estado: activo

  Contrato: Design System Foundations, Cap. 9. Una sola familia de trazo de
  línea, grosor 2px uniforme, sin relleno sólido, 24×24 de caja.
  Los símbolos viven en dashboard/templates/_icons.html (sprite en línea).

  Sustituye los caracteres Unicode que se usaban como iconos: un glifo que
  la fuente del sistema no tiene se pinta como caja vacía ("tofu"), que es
  el "rectángulo gris que no hace nada" de la auditoría 2026-07-28.

  El color SIEMPRE se hereda del texto (`currentColor`). Un icono nunca
  lleva color propio salvo dentro de un Indicador de estado semántico.
*/

.ra-icon {
  width: 18px; /* contexto de texto/botón/lista (Foundations Cap. 9) */
  height: 18px;
  flex: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  color: inherit;
  vertical-align: -0.18em;
}

/* Navegación principal: 24px (Foundations Cap. 9) */
.ra-icon--nav {
  width: 20px;
  height: 20px;
}

.ra-icon--lg {
  width: 24px;
  height: 24px;
}

/* La marca lleva trazo algo más fino: a 28px, 2px se ve tosco y el disco
   de radar pierde la sensación de instrumento de precisión. */
.ra-icon--marca {
  width: 28px;
  height: 28px;
  stroke-width: 1.5;
  color: var(--accent);
}