/* Aparejo — espaciado, radios, trazos y áreas táctiles. Base 4 px. */
:root{
  --space-0:0;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:96px;

  /* radios: cortos. nada de cápsulas ni esquinas de 16 px */
  --radius-0:0;      /* tabla, cabeceras, distintivos rectos */
  --radius-1:2px;    /* distintivo de unidad, chip mono */
  --radius-2:4px;    /* campos, botones, avisos */
  --radius-3:6px;    /* tarjetas, contenedores */
  --radius-4:8px;    /* módulos grandes, hojas móviles */
  --radius-full:999px; /* solo puntos de estado y avatares */

  --border-width:1px;
  --border-width-strong:2px;
  --rule-accent:3px;  /* filete amarillo de las etiquetas de sección */

  --focus-width:3px;
  --focus-offset:2px;

  --control-h-sm:36px;
  --control-h:44px;   /* mínimo táctil */
  --control-h-lg:52px;
  --touch-min:44px;

  --row-h-dense:38px; /* fila de tabla en escritorio */
  --row-h:48px;

  --container-max:1120px;
  --container-pad:20px;
  --container-pad-lg:32px;
}