:root {
    --white: #FFFFFF;
    --black: #000000;
    
    --bodyText: #444444;
    --darkerGray: #575757;
    --lightGray: #757575;
    --lightenGray: #CCCCCC;
    --lighterGray: #DEDEDE;
    --lightestGray: #F0F0F0;
    --lightestGrayInfo: #F3F3F3;
       
    --pink: #E10092;
    --pink75: #DB62AB;
    --pink50: #E796C7;
    --pink25: #F3CBE3;
    --pink10: #FAEAF4;
    --pink5: #FDF4F9;
    
    --purple: #6B00DD;
    --purple75: #8856DF;
    --purple50: #AF8EE8;
    --purple25: #D6C6F4;
    --purple10: #EFE8FB;
    --purple5: #F7F4FC;
    
    --blue: #220046;
    --blue75: #564372;
    --blue50: #8E81A1;
    --blue25: #C7C0CF;
    --blue10: #E8E5EC;
    --blue5: #F3F2F5;
    
    --green: #057056;
    --highlightGreen: #009E35;
    --lightGreen: #12C898;
    --lighterGreen: #BBF8E8;
    --red: #E50000;
    --darkerred: #c70000;
    --lighterRed: #F6D9D9;
    --lighterYellow: #FFEDC9;
    --lightYellow: #FFBB33;
    --yellow: #FFBB33;
    --darkOrange: #E67E22;
    --fontRegular: "VoltePlay-Regular", sans-serif;
    --fontMedium: "VoltePlay-Medium", sans-serif;
    --fontSemiBold: "VoltePlay-SemiBold", sans-serif;
    --fontBold: "VoltePlay-Bold", sans-serif;
    --fontSizeSmall: 12px;
    --fontSizeRegular: 14px;
    --fontSizeLarge: 16px;
    --fontSizeLarger: 18px;
    --fontSizeLargest: 20px;
    --fontSizeHeadingRegular: 24px;
    --fontSizeHeadingLarge: 34px;
    --fontSizeHeadingXLarge: 42px;
   }