:root {
  /* Spacing scale as used across main.css (rem-based, not a strict 4/8 grid — kept exact) */
  --space-3xs: 0.25rem;  /* 4px */
  --space-2xs: 0.5rem;   /* 8px */
  --space-xs: 0.75rem;   /* 12px */
  --space-sm: 1rem;      /* 16px */
  --space-md: 1.25rem;   /* 20px — grid gutter */
  --space-lg: 1.5rem;    /* 24px */
  --space-xl: 2rem;      /* 32px */
  --space-2xl: 2.5rem;   /* 40px */
  --space-3xl: 3rem;     /* 48px */
  --space-4xl: 4.375rem; /* 70px */
  --space-5xl: 6.25rem;  /* 100px */
  --space-6xl: 7.5rem;   /* 120px — page gutter / section padding */

  --radius-sm: 3px;   /* buttons, inputs, cards */
  --radius-md: 6px;   /* blockquote */
  --radius-pill: 999px;

  --container-max: 1440px;
  --container-padding: var(--space-6xl);

  --grid-columns: 12; /* @kind other */
  --grid-gap: var(--space-md);
}