/* Approved PH-008/PH-009 spatial tokens. 28px is legacy-only. */
:root {
  --tysu-space-4: 4px;
  --tysu-space-8: 8px;
  --tysu-space-12: 12px;
  --tysu-space-16: 16px;
  --tysu-space-20: 20px;
  --tysu-space-24: 24px;
  --tysu-space-32: 32px;
  --tysu-space-40: 40px;
  --tysu-space-48: 48px;
  --tysu-space-64: 64px;
  --tysu-space-80: 80px;
  --tysu-space-96: 96px;
  --tysu-space-120: 120px;
  --tysu-space-128: 128px;
  --tysu-space-160: 160px;
  --tysu-container-max: 1280px;
  --tysu-gutter-desktop: 24px;
  --tysu-gutter-compact: 20px;
  --tysu-gutter-tablet: 16px;
  --tysu-gutter-mobile: 12px;
}