:root {
    --spacing-vertical-top: top;
    --spacing-vertical-center: center;
    --spacing-vertical-bottom: bottom;
    --spacing-horizontal-left: left;
    --spacing-horizontal-center: center;
    --spacing-horizontal-right: right;
    --spacing-scale-default: 0;
    --spacing-scale-half: 4px;
    --spacing-scale-base: 8px;
    --spacing-scale-baseh: 12px;
    --spacing-scale-2x: 16px;
    --spacing-scale-2xh: 20px;
    --spacing-scale-3x: 24px;
    --spacing-scale-3xh: 28px;
    --spacing-scale-4x: 32px;
    --spacing-scale-4xh: 36px;
    --spacing-scale-5x: 40px;
    --spacing-scale-5xh: 44px;
    --spacing-scale-6x: 48px;
    --spacing-scale-6xh: 52px;
    --spacing-scale-7x: 56px;
    --spacing-scale-7xh: 60px;
    --spacing-scale-8x: 64px;
    --spacing-scale-8xh: 68px;
    --spacing-scale-9x: 72px;
    --spacing-scale-9xh: 76px;
    --spacing-scale-10x: 80px;
    --spacing-scale-10xh: 84px;
}