/* Design project "Haven Foundations" → tokens/spacing.css, verbatim. Space, radius, motion. Shadows live in colors.css (they change with the theme). */
:root{
  /* 4-base scale */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;

  /* radius — soft, not bubbly. sm: small controls · md: buttons, inputs, toasts · lg: cards, dialogs, media · pill: chips, tags, badges */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  --control-h: 44px;      /* buttons, inputs — also the minimum touch target */
  --control-h-sm: 36px;
  --content-max: 1200px;

  --ease: cubic-bezier(.2, .7, .2, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 320ms;
}