/* ═══════════════════════════════════════════════════════════════════════════
   Design Tokens — Spacing v2
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  --space-3xs: 0.125rem;   /* 2px  */
  --space-2xs: 0.25rem;    /* 4px  */
  --space-xs:  0.5rem;     /* 8px  */
  --space-sm:  0.75rem;    /* 12px */
  --space-md:  1rem;       /* 16px */
  --space-lg:  1.5rem;     /* 24px */
  --space-xl:  2rem;       /* 32px */
  --space-2xl: 3rem;       /* 48px */
  --space-3xl: 4rem;       /* 64px */
  --space-4xl: 6rem;       /* 96px */
  --space-5xl: 8rem;       /* 128px */
  --space-6xl: 10rem;      /* 160px */

  --section-spacing: var(--space-4xl);
  --section-spacing-sm: var(--space-3xl);
  --section-spacing-fluid: clamp(3rem, 5vw, 6rem);

  --component-gap: var(--space-lg);
  --component-padding: var(--space-xl);
}