:root {
  --sonic-blue: #11316E;
          --sonic-blue-110: #0e285a;
          --sonic-blue-100: #11316E;
          --sonic-blue-90:  #29467D;
          --sonic-blue-80: #415A8B;
          --sonic-blue-70: #586F9A;
          --sonic-blue-60: #7083A8;
          --sonic-blue-50: #8898B7;
          --sonic-blue-40: #A0ADC5;
          --sonic-blue-30: #B8C1D4;
          --sonic-blue-20: #CFD6E2;
          --sonic-blue-10: #E7EAF1;
          --sonic-blue-5: #F3F5F8;
          --sonic-blue-3: #F8F9FB;
  --sonic-pale-blue: #00ADDF;
          --sonic-pale-blue-110: #555f73;
  --sonic-red: #D70825;
            --sonic-red-100: #D70825;
            --sonic-red-90: #DB213B;
            --sonic-red-80: #DF3951;
            --sonic-red-70: #E35266;
            --sonic-red-60: #E76B7C;
            --sonic-red-50: #EB8492;
            --sonic-red-40: #EF9CA8;
            --sonic-red-30: #F3B5BE;
            --sonic-red-20: #F7CED4;
            --sonic-red-10: #FBE6E9;
            --sonic-red-5: #FDF3F4;
            --sonic-red-3: #FEF8F8;
  --sonic-dark-blue: #001F41;
  --sonic-yellow: #FBB800;
          --sonic-yellow-100: #FBB800;
          --sonic-yellow-90: #FBBF1A;
          --sonic-yellow-80: #FCC633;
          --sonic-yellow-70: #FCCD4D;
          --sonic-yellow-60: #FDD466;
          --sonic-yellow-50: #FDDC80;
          --sonic-yellow-40: #FDE399;
          --sonic-yellow-30: #FEEAB3;
          --sonic-yellow-20: #FEF1CC;
          --sonic-yellow-10: #FFF8E6;
          --sonic-yellow-5: #FFFBF2;
          --sonic-yellow-3: #FFFDF7;

  --sonic-orange: #EF7917;
  --sonic-pink: #B90064;
  --sonic-purple: #472784;
  --sonic-bright-blue: #00ADDF;
          --sonic-bright-blue-100: #00ADDF;
          --sonic-bright-blue-90:  #1AB5E2;
          --sonic-bright-blue-80:  #33BDE5;
          --sonic-bright-blue-70:  #4DC6E9;
          --sonic-bright-blue-60:  #66CEEC;
          --sonic-bright-blue-50:  #80D6EF;
          --sonic-bright-blue-40:  #99DEF2;
          --sonic-bright-blue-30:  #B3E6F5;
          --sonic-bright-blue-20:  #CCEFF9;
          --sonic-bright-blue-10:  #E6F7FC;
          --sonic-bright-blue-5:   #F2FBFD;
          --sonic-bright-blue-3:   #F7FDFE;
  --sonic-turquoise: #05BFC4;
          --sonic-turquoise-100: #05BFC4;
          --sonic-turquoise-90: #1EC5CA;
          --sonic-turquoise-80: #37CCD0;
          --sonic-turquoise-70: #50D2D6;
          --sonic-turquoise-60: #69D9DC;
          --sonic-turquoise-50: #B8D796;
          --sonic-turquoise-40: #C6DFAB;
          --sonic-turquoise-30: #D4E7C0;
          --sonic-turquoise-20: #E3EFD5;
          --sonic-turquoise-10: #F1F7EA;
          --sonic-turquoise-5: #F8FBF5;
          --sonic-turquoise-3: #FBFDF9;
  --sonic-green: #71AF2D;
  --sonic-dark-grey: #50535A;
          --sonic-dark-grey-100: #50535A;
  --sonic-silver: #86888C;
}