:root {
  /* Spacing Scale */
  --hd-spacing-xxs: 0.25rem;  /* 4px */
  --hd-spacing-xs: 0.5rem;    /* 8px */
  --hd-spacing-sm: 0.75rem;   /* 12px */
  --hd-spacing-md: 1rem;      /* 16px */
  --hd-spacing-lg: 1.5rem;     /* 24px */
  --hd-spacing-xl: 2rem;      /* 32px */
  --hd-spacing-xxl: 3rem;     /* 48px */
  --hd-spacing-3xl: 4rem;     /* 64px */

  /* Page Layout Widths */
  --hd-container-width: 1400px;
}