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

  --text-xs: 0.6875rem; --text-sm: 0.8125rem; --text-base: 1rem;
  --text-md: 1.125rem;  --text-lg: 1.25rem;   --text-xl: 1.5rem;
  --text-2xl: 1.875rem; --text-3xl: 2.25rem;  --text-4xl: 3rem;

  --leading-tight: 1; --leading-snug: 1.25; --leading-normal: 1.5;
  --leading-relaxed: 1.75; --leading-loose: 2;

  --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px;
  --radius-xl: 16px; --radius-2xl: 24px; --radius-full: 9999px;
}