:root {
  /* Contextual spacing */
  --content-gap: var(--space-s);
  --grid-gap: var(--space-l);
  --container-gap: var(--space-2xl);

  /* Spacing */
  --space-2xs: clamp(
    0.29375rem,
    calc(0.0011111111111111111 * (100vw - 22.5rem) + 0.29375rem),
    0.36875rem
  );
  --space-xs: clamp(
    0.44375rem,
    calc(0.0016666666666666672 * (100vw - 22.5rem) + 0.44375rem),
    0.55625rem
  );
  --space-s: clamp(
    0.66875rem,
    calc(0.0024074074074074076 * (100vw - 22.5rem) + 0.66875rem),
    0.83125rem
  );
  --space-m: clamp(
    1rem,
    calc(0.003703703703703703 * (100vw - 22.5rem) + 1rem),
    1.25rem
  );
  --space-l: clamp(
    1.5rem,
    calc(0.005555555555555557 * (100vw - 22.5rem) + 1.5rem),
    1.875rem
  );
  --space-xl: clamp(
    2.25rem,
    calc(0.008333333333333333 * (100vw - 22.5rem) + 2.25rem),
    2.8125rem
  );
  --space-2xl: clamp(
    3.375rem,
    calc(0.012499999999999997 * (100vw - 22.5rem) + 3.375rem),
    4.21875rem
  );

  /* Section spacing */
  --gutter: clamp(20px, 6.1538px + 3.8462vw, 60px);
  --section-space-2xs: clamp(
    2.5625rem,
    calc(0.009444444444444448 * (100vw - 22.5rem) + 2.5625rem),
    3.2rem
  );
  --section-space-xs: clamp(
    3.2rem,
    calc(0.011851851851851855 * (100vw - 22.5rem) + 3.2rem),
    4rem
  );
  --section-space-s: clamp(
    4rem,
    calc(0.014814814814814812 * (100vw - 22.5rem) + 4rem),
    5rem
  );
  --section-space-m: clamp(
    5rem,
    calc(0.018518518518518517 * (100vw - 22.5rem) + 5rem),
    6.25rem
  );
  --section-space-l: clamp(
    6.25rem,
    calc(0.023148148148148147 * (100vw - 22.5rem) + 6.25rem),
    7.8125rem
  );
  --section-space-xl: clamp(
    7.8125rem,
    calc(0.02898148148148149 * (100vw - 22.5rem) + 7.8125rem),
    9.76875rem
  );
  --section-space-2xl: clamp(
    9.76875rem,
    calc(0.036111111111111115 * (100vw - 22.5rem) + 9.76875rem),
    12.20625rem
  );
}