/* ============================================================
   AAREON · SPACING, RADII & LAYOUT TOKENS
   8px base grid.
   ============================================================ */

:root {
  /* ---- Spacing scale (8px base) ---- */
  --space-0:  0;
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  96px;
  --space-10: 128px;

  /* ---- Radii (soft, generous — matches deck's rounded cards) ---- */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   20px;
  --radius-xl:   28px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  /* ---- Layout ---- */
  --container:        1200px;
  --container-narrow: 820px;
  --gutter:           var(--space-5);

  /* ---- Control sizing ---- */
  --control-h:    44px; /* min touch target */
  --control-h-sm: 36px;
  --control-h-lg: 52px;
}