: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; --space-9: 96px;
  --radius: 0px;              /* square-shouldered; the brand uses no rounding */
  --rule: 1px solid var(--hairline);
  --rule-heavy: 4px solid var(--um-red);
}