:root {
    --space-0: 0;
    --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 */
}

.u-p-1 {
    padding: var(--space-1);
}

.u-p-2 {
    padding: var(--space-2);
}

.u-p-3 {
    padding: var(--space-3);
}

.u-mt-3 {
    margin-top: var(--space-3);
}

.u-mb-4 {
    margin-bottom: var(--space-4);
}