:root {

/* -------------------------------- 
COLORS
-------------------------------- */

    --brand-h: 47, 100%;
    --brand-l: 50%;  
    --brand-dark: var(--brand-h), calc(var(--brand-l) - 10%);
    --brand:      var(--brand-h), var(--brand-l);
   
    --brand-second-h: 276, 100%;
    --brand-second-l: 50%;  
    --brand-second-dark: var(--brand-second-h), calc(var(--brand-second-l) - 8%);
    --brand-second:      var(--brand-second-h), var(--brand-second-l);

    --brand-third-h: 172, 43%;
    --brand-third-l: 51%;  
    --brand-third-dark: var(--brand-third-h), calc(var(--brand-third-l) - 8%);
    --brand-third:      var(--brand-third-h), var(--brand-third-l);

    --dark-h: 216, 57%;
    --dark-l: 15%;  
    --dark-dark: var(--dark-h), calc(var(--dark-l) - 1%);
    --dark:      var(--dark-h), var(--dark-l);

    --light-h: 0, 0%;
    --light-l: 100%;  
    --light:   var(--light-h), var(--light-l);
 
}