:root {

    --cor-principal-1: purple;
    --cor-principal-2: mediumpurple;
    --cor-principal-3: rebeccapurple;
    --cor-principal-4: darkmagenta;
    --cor-auxiliar: green;
    
    --blue_gray_100: #cbcbcf;
    --gray_100: #f0f0fe;
    --gray_500: #a4a4ab;
    --gray_600: #7f7f88;
    --gray_900: #111111;
    --white_a700: #fdfdfd;
    --white_a700_01: #ffffff;
    --white_a700_02: #fefefe;
    --white_a700_02: #fefefe;

    --space-xs: 2px;
    --space-sm: 8px;
    --space-md: 12px;
    --space-lg: 14px;
    --space-xl: 20px;
    --space-2xl: 22px;
    --space-3xl: 24px;
    --space-4xl: 25px;
    --space-5xl: 30px;
    --space-6xl: 34px;
    --space-7xl: 40px;
    --space-8xl: 48px;
    
    --space-planos-xs: 6px;
    --space-planos-sm: 8px;
    --space-planos-md: 12px;
    --space-planos-lg: 13px;
    --space-planos-xl: 18px;
    --space-planos-2xl: 20px;
    --space-planos-3xl: 22px;
    --space-planos-4xl: 24px;
    --space-planos-5xl: 32px;
    --space-planos-6xl: 36px;
    --space-planos-7xl: 40px;
    --space-planos-8xl: 72px;
    --space-planos-9xl: 92px;
    
    --radius-xs: 12px;
    --radius-sm: 16px;
    --radius-md: 24px;
}