/* HP-Inspired spacing, radius, elevation tokens */
:root {
  /* Spacing — 8px base, 4px half-step */
  --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 — buttons sharp (4px), cards soft (16px) */
  --radius-none: 0px;
  --radius-xs: 2px;
  --radius-sm: 3px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-xl: 16px;
  --radius-pill: 9999px;

  /* Elevation */
  --shadow-soft-lift: 0 2px 8px rgba(26, 26, 26, 0.08);  /* product cards, pricing tiers */
  --shadow-modal: 0 8px 24px rgba(26, 26, 26, 0.12);     /* drawers, sheets, modals */

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