/* Our variables */
:root {
    --size-xxs: 0.25rem; /* 4px */
    --size-xs: 0.5rem; /* 8px */
    --size-sm: 0.75rem; /* 12px */
    --size-md: 1rem; /* 16px */
    --size-lg: 1.5rem; /* 24px */
    --size-xl: 2rem; /* 32px */
    --size-xxl: 3rem; /* 48px */

    /* Aliases for spacing */
    --spacing-xxs: var(--size-xxs);
    --spacing-xs: var(--size-xs);
    --spacing-sm: var(--size-sm);
    --spacing-md: var(--size-md);
    --spacing-lg: var(--size-lg);
    --spacing-xl: var(--size-xl);
}