/* ══════════════════════════════════════════════
   _root.css — Variables CSS globales
   Cargado antes de los CSS de página.
   Los var() se resuelven en computed-value time,
   así que están disponibles en todos los archivos.
══════════════════════════════════════════════ */

:root {
  /* Padding horizontal fluido — reemplaza los 3rem fijos en media queries */
  --px: clamp(1rem, 4vw, 3rem);

  /* Escala de espaciado */
  --space-xs:  clamp(0.25rem, 0.5vw,  0.5rem);
  --space-sm:  clamp(0.5rem,  1vw,    1rem);
  --space-md:  clamp(1rem,    2vw,    2rem);
  --space-lg:  clamp(1.5rem,  3vw,    3rem);
  --space-xl:  clamp(2rem,    5vw,    5rem);
  --space-2xl: clamp(3rem,    7vw,    7rem);
}