/* ============================================================
   Factory · Assembly — Spacing, radius, shadow tokens
   4px base grid. Radii: buttons/lozenge 4, fields/cards 8, pills full.
   ============================================================ */

:root {
  /* Spacing — 4px grid */
  --space-0:   0px;
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-8:   32px;
  --space-10:  40px;
  --space-12:  48px;
  --space-16:  64px;
  --space-20:  80px;

  /* Radius */
  --radius-xs:   4px;   /* buttons, lozenges */
  --radius-sm:   6px;
  --radius-md:   8px;   /* inputs, cards, menus */
  --radius-lg:   12px;
  --radius-pill: 999px; /* toggles, avatars, capsules */

  /* Elevation — soft, low-spread stacked shadows */
  --shadow-sm:
    0 0 0 1px rgba(161,161,161,0.01),
    0 1px 2px rgba(161,161,161,0.10);
  --shadow-md:
    0 1px 1px rgba(161,161,161,0.05),
    0 2px 4px rgba(161,161,161,0.09),
    0 4px 8px rgba(161,161,161,0.10);
  --shadow-lg:
    0 2px 4px rgba(161,161,161,0.05),
    0 8px 16px rgba(161,161,161,0.09),
    0 16px 32px rgba(161,161,161,0.10);

  /* Inset hairline borders (Assembly's signature field/button edge) */
  --ring-subtle:  inset 0 0 0 1px var(--border-subtle);
  --ring-default: inset 0 0 0 1px var(--border-default);
  --ring-focus:   0 0 0 2px var(--purple-alloy-200);
}