:root {
  --space-0: 0; --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.5rem;
  --space-6: 2rem; --space-7: 3rem; --space-8: 4rem; --space-9: 6rem; --space-10: 8rem;
  --radius-none: 0; --radius-sm: 4px; --radius-md: 8px; --radius-lg: 14px; --radius-pill: 999px;
  --border-width: 1px; --border-width-strong: 1.5px;
  --shadow-none: none; --shadow-xs: 0 1px 2px rgba(32,56,36,0.06); --shadow-sm: 0 2px 8px rgba(32,56,36,0.07);
  --shadow-md: 0 8px 24px rgba(32,56,36,0.09); --shadow-lg: 0 18px 48px rgba(32,56,36,0.12);
  --ease-standard: cubic-bezier(0.22,0.61,0.36,1); --ease-out: cubic-bezier(0.16,1,0.3,1);
  --dur-fast: 140ms; --dur-base: 220ms; --dur-slow: 420ms;
  --container-sm: 640px; --container-md: 880px; --container-lg: 1120px; --container-xl: 1320px;
  --gutter: var(--space-5); --section-y: var(--space-10);
}