/* ============================================================
   CLARE — SPACING TOKENS (manual v01)
   Base de 8px. Todo padding/margin/gap es múltiplo de 8.
   Única excepción: 4px para ajustes ópticos puntuales.
   ============================================================ */
:root {
  --space-4:  4px;   /* ½u — ajustes ópticos finos (icono↔texto, insets) */
  --space-8:  8px;   /* 1u — gap mínimo; padding compacto */
  --space-16: 16px;  /* 2u — padding estándar de componente */
  --space-24: 24px;  /* 3u — separación entre bloques relacionados */
  --space-32: 32px;  /* 4u — separación entre grupos; padding generoso */
  --space-48: 48px;  /* 6u — separación entre secciones de contenido */
  --space-64: 64px;  /* 8u — aire entre bloques mayores */
  --space-96: 96px;  /* 12u — respiros de página */

  /* Layout */
  --container:      1280px;
  --container-wide: 1600px;
  --gutter:         24px;
  --section-y:      96px;
}