/* Espaciado, radios, tamaños. Escala de 4px. */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;

  --radius-sm: 8px;    /* chips pequeños, tracks */
  --radius-md: 12px;   /* filas, cards de lista */
  --radius-lg: 16px;   /* card protagonista */
  --radius-pill: 999px;/* botones, chips */

  --control-h: 46px;   /* alto de botón/CTA */
  --track-h: 12px;     /* alto de barra de progreso */
}