{
    size: {
        '3xs': { value: '2px', description: 'Tiny spacing, fine adjustments.' },
        'xxs': { value: '4px', description: 'Tiny spacing, fine adjustments.' },
        'xs': { value: '6px', description: 'Tiny spacing, fine adjustments.' },
        's': { value: '8px', description: 'Small padding, standard border radius.' },
        'm': { value: '12px', description: 'Medium padding.' },
        'l': { value: '16px', description: 'Large padding.' },
        'xl': { value: '20px', description: 'Component height, layout spacing.' },
        'xxl': { value: '24px', description: 'Component height, layout spacing.' },
        '3xl': { value: '32px', description: 'Large layout sections.' },
        '4xl': { value: '40px', description: 'Large layout sections.' },
        '5xl': { value: '48px', description: 'Large layout sections.' },
        '6xl': { value: '56px', description: 'Large layout sections.' },
        '7xl': { value: '64px', description: 'Large layout sections.' },

        'border-width': { value: '1px', description: 'Input box borders.' },

        'border-radius': { value: '8px', description: 'Buttons, inputs. Use 12px for cards, alerts, popovers.' }
    }
}