/* Carbon spacing + sizing — packages/layout/src/index.ts (exact values, 8px mini-unit) */
:root {
  --spacing-01: 0.125rem;  /* 2px */
  --spacing-02: 0.25rem;   /* 4px */
  --spacing-03: 0.5rem;    /* 8px */
  --spacing-04: 0.75rem;   /* 12px */
  --spacing-05: 1rem;      /* 16px */
  --spacing-06: 1.5rem;    /* 24px */
  --spacing-07: 2rem;      /* 32px */
  --spacing-08: 2.5rem;    /* 40px */
  --spacing-09: 3rem;      /* 48px */
  --spacing-10: 4rem;      /* 64px */
  --spacing-11: 5rem;      /* 80px */
  --spacing-12: 6rem;      /* 96px */
  --spacing-13: 10rem;     /* 160px */

  /* Fluid spacing */
  --fluid-spacing-01: 0;
  --fluid-spacing-02: 2vw;
  --fluid-spacing-03: 5vw;
  --fluid-spacing-04: 10vw;

  /* Control sizes */
  --size-xs: 1.5rem;   /* 24px */
  --size-sm: 2rem;     /* 32px */
  --size-md: 2.5rem;   /* 40px */
  --size-lg: 3rem;     /* 48px — Carbon default */
  --size-xl: 4rem;     /* 64px */
  --size-2xl: 5rem;    /* 80px */

  /* Icon sizes */
  --icon-size-01: 1rem;
  --icon-size-02: 1.25rem;

  /* Breakpoints (reference): sm 320 / md 672 / lg 1056 / xlg 1312 / max 1584 */
}