:root {
                
            --primary: hsl(171,100%,41%);
            --primary-hover: hsl(171,100%,36%);
            --primary-disabled: hsl(171,90%,46%);
        
                
            --success: hsl(141,53%,53%);
            --success-hover: hsl(141,53%,48%);
            --success-disabled: hsl(141,43%,58%);
        
                
            --warning: hsl(48,100%,67%);
            --warning-hover: hsl(48,100%,62%);
            --warning-disabled: hsl(48,90%,72%);
        
                
            --danger: hsl(348,100%,61%);
            --danger-hover: hsl(348,100%,56%);
            --danger-disabled: hsl(348,90%,66%);
        
            }