/* ============================================================
   ARIA Design System — Spacing, Radii & Layout Tokens
   v1.0 · 2026
   ============================================================ */

:root {

  /* ── Spacing scale (4px base) ── */
  --aria-space-1:   4px;
  --aria-space-2:   8px;
  --aria-space-3:  16px;
  --aria-space-4:  24px;
  --aria-space-5:  32px;
  --aria-space-6:  48px;
  --aria-space-7:  64px;
  --aria-space-8:  96px;
  --aria-space-9: 120px;

  /* ── Corner radii ── */
  --aria-radius-sm:    4px;
  --aria-radius-md:    8px;
  --aria-radius-lg:   16px;
  --aria-radius-xl:   24px;
  --aria-radius-pill: 999px;

  /* ── Max-width containers ── */
  --aria-max-xs:     480px;
  --aria-max-sm:     640px;
  --aria-max-md:     768px;
  --aria-max-lg:    1024px;
  --aria-max-xl:    1280px;
  --aria-max-2xl:   1440px;
  --aria-max-page:  1320px;

}