/* HUS spacing, radius, elevation. Base unit 8px, 4px half-step. */
:root {
  /* spacing scale */
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 20px;
  --space-xl: 24px;
  --space-xxl: 32px;
  --space-section: 80px;

  /* radius — two-tier: buttons sharp (md), cards soft (xl) */
  --radius-none: 0px;
  --radius-xs: 2px;
  --radius-sm: 3px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-xl: 16px;
  --radius-pill: 9999px;

  /* elevation — mostly flat; soft-lift is the catalog workhorse */
  --elev-hairline: 0 0 0 1px var(--hairline);
  --elev-soft: 0 2px 8px rgba(26, 26, 26, 0.08);
  --elev-float: 0 8px 24px rgba(26, 26, 26, 0.12);

  /* containers */
  --container-max: 1366px;
}