:root {
    
    --ds-blues: #00a6fb; --ds-blue-rgb: 0,166,251;
    --ds-pinks: #c9184a; --ds-pink-rgb: 201,24,74;
    --ds-pink-lights: #ff006e; --ds-pink-light-rgb: 255,0,110;
    --ds-yellows: #ffff3f; --ds-yellow-rgb: 255,255,63;
    --ds-purple: #513688; --ds-purple-rgb: 81, 54, 136;
    --ds-lila: #3e93cc; --ds-lila-rgb: 172,68,238;
    /* --ds-orange: #f42b03; */

    --ds-green: #0E402D;  --ds-green-rgb: 14,64,45;
    --ds-red: #C5283D; --ds-red-rgb: 197,40,61;
    --ds-yellow: #3e93cc; --ds-yellow-rgb: 251, 196, 3;


    --ds-white: #fff; --ds-white-rgb: 255, 255, 255;
    --ds-light: var(--ds-white); --ds-light-rgb: var(--ds-white-rgb);
    --ds-black: #252627; --ds-black-rgb: 37, 38, 39;
    --ds-dark: var(--ds-black); --ds-dark-rgb: var(--ds-black-rgb);
 
    
}

/**
 * ----------------------------------------
 * COLORS
 * ----------------------------------------
 */
.ds-blue {color: var(--ds-blue)!important} .ds-blue-bg {background-color: var(--ds-blue)!important}
.ds-pink {color: var(--ds-pink)!important} .ds-pink-bg {background-color: var(--ds-pink)!important}
.ds-pink-light {color: var(--ds-pink-light)!important} .ds-pink-light-bg {background-color: var(--ds-pink-light)!important}
.ds-yellow {color: var(--ds-yellow)!important} .ds-yellow-bg {background-color: var(--ds-yellow)!important}
.ds-white {color: var(--ds-white)!important} .ds-white-bg {background-color: var(--ds-white)!important}
.ds-black {color: var(--ds-black)!important} .ds-black-bg {background-color: var(--ds-black)!important}
.ds-light {color: var(--ds-light)!important} .ds-light-bg {background-color: var(--ds-light)!important}
.ds-dark {color: var(--ds-dark)!important} .ds-dark-bg {background-color: var(--ds-dark)!important}
.ds-star {color: var(--ds-star)!important} .ds-star-bg {background-color: var(--ds-star)!important}
.ds-alt {color: var(--ds-alt)!important} .ds-alt-bg {background-color: var(--ds-alt)!important}