/**
 * Hubmonster — espacement, rayons, bordures
 */

:root {
  --space-1: 0.25rem; /* 4px */
  --space-2: 0.5rem; /* 8px */
  --space-3: 1rem; /* 16px */
  --space-4: 1.5rem; /* 24px */
  --space-5: 2rem; /* 32px */
  --space-6: 3rem; /* 48px */
  --space-7: 4rem; /* 64px */

  --border-radius-4: 0.25rem; /* 4px */
  --border-radius-8: 0.5rem; /* 8px */
  --border-radius-16: 1rem; /* 16px */
  --border-radius-6: 0.375rem; /* 6px */

  --border-width-1: 1px;
  --border-width-2: 2px;
  --border-radius-round: 128px;

  --border-primary: var(--neutral-200);
}