body {
    
    /*#20197D*/
    /*#2532C1*/
    /*#1D5CDC*/
    /*#1F71B6*/
    /*#2D8AF4*/
    /*#454B57*/
    
    --purple: #6D28D9;
    --pink: #ec4899;
    
    --brandColour: #6D28D9;
    
    /*--tobBar_bg: #111827;*/
    --tobBar_bg: #1a0b2e;
    --tobBar_text: #fff;
    --grey_button: #454B57 !important;
    --blue_button: #2098d1;
    
    --header1_bg: #6D28D9;
    --header1_text: #fff;
    --header2_bg: #7c3aed;
    --header2_text: #fff;
    
    /* #1a0b2e = roughly hsl(266deg 60% 10%) */
    --header1_bg: #4a3d5c; /* 20S 30L */
    --header1_text: #fff;
    --header2_bg: #63527a; /* 20S 40L */
    --header2_text: #efefef;
    
    /*--mainSidebarLogoBG: #111827;*/
    /*--mainSidebarText: #fff;*/
    /*--mainSidebarBG: #374151;*/
    /*--mainSidebarBG_1: #424e61;*/
    /*--mainSidebarBG_2: #4c5a70;*/
    /*--mainSidebarBG_3: #57667f;*/
    /*--mainSidebarBG: #374151;*/
    /*--mainSidebarBG_1: #424e61;*/
    /*--mainSidebarBG_2: #4c5a70;*/
    /*--mainSidebarBG_3: #57667f;*/

    --contentMenu: var(--grey_button);
    --contentMenuSelected: var(--brandColour);
}

.brandColour{ color: var(--brandColour) }