:root {
    --primary-color-rgb: 2, 69, 216;
    --light-blue: 2, 144, 218; /*keep this format as rgba is used on this value*/
    --primary-color: #0245d8;
    --secondary-color: #000000;
    --bg-color: #FFFFFF;
    --footer-color: #F8F4F1;
    --header-color: #FFFFFF;
    --subheader-color: #FFFFFF;
    --inactive-color: #F3F3F3;
    --darkish-inactive-color: #DADADA;
    --dark-inactive-color: #666666;
    --failure-color: #D81C29;
    --warning-color: #f2c037;
    --success-color: #43B02A;
    --footer-text-color: #494949;
    --header-menu-color: #FFFFFF;
    --header-menu-text-color: #272727;
    --bottom-input-border-color: #e7e7e7;
    --grey-card-color: #F8F9F9;
    --grey-color: #9d9d9d;
    --light-grey-color: #F1F1F1;
    --light-blue-grey-color: #eff3fc;
    --lightest-grey-color: #FAFAFA;
    --dark-grey-color: #5b5b5b;
    --gauge-color: #AB8DFF;
    --selected-toggle-color: #2185d0;
    --unselected-toggle-color: #e6e6e6;
    --trial-end-banner-color: #006AD3;
    --ivory-color: #F8F4F1;
    --yellow-color: #FFD86F;
    /* Primary button variables */
    --primary-btn-background-color: #FFD86F;
    --primary-btn-color: black;
    --private-leave-color: #FCE6B0;
    --primary-btn-border-color: #FFD86F;
    --primary-btn-box-shadow-color: #FFD86F;
    --accent-color: #B493FF;
    --dark-color: #101929;
}