/*
    Spacing uses t-shirt sizes.
    Each "unit" can be thought of as pixel values
*/
:root {
    --spacing-2xs: var(--unit-2);
    --spacing-xs: var(--unit-4);
    --spacing-s: var(--unit-8);
    --spacing-default: var(--unit-8);
    --spacing-m: var(--unit-12);
    --spacing-l: var(--unit-16);
    --spacing-xl: var(--unit-24);
    --spacing-2xl: var(--unit-32);
    --spacing-3xl: var(--unit-40);
    --spacing-4xl: var(--unit-48);
    --spacing-5xl: var(--unit-56);
    --spacing-6xl: var(--unit-64);
    --spacing-7xl: var(--unit-72);
    --spacing-8xl: var(--unit-80);
    --spacing-9xl: var(--unit-88);
    --spacing-10xl: var(--unit-96);
    --spacing-11xl: var(--unit-104);
    --spacing-12xl: var(--unit-112);
}