:root {
  --space-1: 6px;
  --space-2: 10px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 48px;

  --page-pad-x: 48px;
  --page-pad-y: 28px;

  --radius-none: 0;
  --radius-full: 999px;

  --border-hairline: 1px solid var(--border-default);
  --border-hairline-dark: 1px solid var(--border-on-dark);

  --hit-target-min: 44px;
  --focus-outline: 2px solid var(--focus-ring);

  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 120ms;
  --duration-base: 200ms;
}