/* ** Colors ************************************** */

:root {
    --saColorNeutralBorder: #C3CCD6;
    --saColorInformation: #94A0EB;
    --saColorInformationLight: #DBEEF7;
    --saColorInformationDark: #0039CD;
    --saColorInformation50: #E6E8FB;
    --saColorLightGray: #F3F3F3;
    --saColorTeal: #DDF0F0;
    --saColorLightBlue: #F3F5FD;
    --saColorGrey: #F3F3F3;
    --saColorWhite: #FFF;
    --saColorPrimary: #182340;
    --saColorBrandBlue: #375EDF;
    --saColorSecondaryBlue: #D7DFF9;
    --saColorBrandBlack: #182340;
    --saColorGray: #6B7682;
    --saColorLightOrange: #FFEDE2;
    --saColorNeutralGray: #8593A3;
    --saColorNeutral600: #6A7682;
    --saColorNeutral700: #505862;
    --saColorSharkBlack: #1B1D21;
    --saColorCornflowerBlue: #7D5EFA;
    --saColorDodgerBlue: #3697FF;
    --saColorJavaBlue: #1DC8DF;
    --saColorMountainMeadowGreen: #24D07A;
    --saColourLightGreen: #D3F6E4;
    --saColorOrange: #FF7223;
    --saColorWildWatermelonPink: #FF4671;
    --saColorSupernovaYellow: #FFCE08;
    --saColorNostalgiaPerfume: #D7DFF9;
    --saColorSharkBlackLight: #F4F7FA;
    --saColorCornflowerBlueLight: #F6F3FF;
    --saColorDodgerBlueLight: #EEF6FF;
    --saColorJavaBlueLight: #EAFCFF;
    --saColorMountainMeadowGreenLight: #E8FAF1;
    --saColorOrangeLight: #FFF6F1;
    --saColorWildWatermelonPinkLight: #FFF0F4;
    --saColorSupernovaYellowLight: #FFFBEB;
    --saColorErrorText: #C2451E;
    --saColorError50: #FDF1ED;
    --saColorMediumBlue: #26304b;
    --saColorNeutralBorderLight: #5c6579;
    --saColorNeutralLight: #374059;
}

/* ** Font Colors ************************************** */

.saFgColorInformation {
    color: var(--saColorInformation);
}

.saFgColorTeal {
    color: var(--saColorTeal);
}

.saFgColorLightBlue {
    color: var(--saColorLightBlue);
}

.saFgColorGray {
    color: var(--saColorGray);
}

.saFgColorWhite {
    color: var(--saColorWhite);
}

.saFgColorPrimary {
    color: var(--saColorPrimary);
}

.saFgColorBrandBlue {
    color: var(--saColorBrandBlue);
}

.saFgColorSecondaryBlue {
    color: var(--saColorSecondaryBlue);
}

.saFgColorBrandBlack {
    color: var(--saColorBrandBlack);
}

.saFgColorErrorText {
    color: var(--saColorErrorText);
}

.saFgColorLightGray {
    color: var(--saColorLightGray);
}

.saFgColorSharkBlack {
    color: var(--saColorSharkBlack);
}

.saFgColorornflowerBlue {
    color: var(--saColorCornflowerBlue);
}

.saFgColorDodgerBlue {
    color: var(--saColorDodgerBlue);
}

.saFgColorJavaBlue {
    color: var(--saColorJavaBlue);
}

.saFgColorMountainMeadowGreen {
    color: var(--saColorMountainMeadowGreen);
}

.saFgColorLightGreen {
    color: var(--saColourLightGreen);
}

.saFgColorOrange {
    color: var(--saColorOrange);
}

.saFgColorWildWatermelonPink {
    color: var(--saColorWildWatermelonPink);
}

.saFgColorSupernovaYellow {
    color: var(--saColorSupernovaYellow);
}

.saFgColorNeutralGray {
    color: var(--saColorNeutralGray);
}

.saFgColorNeutral600 {
    color: var(--saColorNeutral600);
}

.saFgColorNeutral700 {
    color: var(--saColorNeutral700);
}

/* ** Background Colors ************************************** */
.saBgColorTeal {
    background-color: var(--saColorTeal);
}

.saBgColorLightBlue {
    background-color: var(--saColorLightBlue);
}

.saBgColorInformationLight {
    background-color: var(--saColorInformationLight);
}

.saBgColorGray {
    background-color: var(--saColorGray);
}

.saBgColorWhite {
    background-color: var(--saColorWhite);
}

.saBgColorPrimary {
    background-color: var(--saColorPrimary);
}

.saBgColorBrandBlue {
    background-color: var(--saColorBrandBlue);
}

.saBgColorSecondaryBlue {
    background-color: var(--saColorSecondaryBlue);
}

.saBgColorBrandBlack {
    background-color: var(--saColorBrandBlack);
}

.saBgColorLightGray {
    background-color: var(--saColorLightGray);
}

.saBgColorLightOrange {
    background-color: var(--saColorLightOrange);
}

.saBgColorSharkBlack {
    background-color: var(--saColorSharkBlack);
}

.saBgColorornflowerBlue {
    background-color: var(--saColorCornflowerBlue);
}

.saBgColorDodgerBlue {
    background-color: var(--saColorDodgerBlue);
}

.saBgColorJavaBlue {
    background-color: var(--saColorJavaBlue);
}

.saBgColorMountainMeadowGreen {
    background-color: var(--saColorMountainMeadowGreen);
}

.saBgColorLightGreen {
    background-color: var(--saColourLightGreen);
}

.saBgColorOrange {
    background-color: var(--saColorOrange);
}

.saBgColorWildWatermelonPink {
    background-color: var(--saColorWildWatermelonPink);
}

.saBgColorSupernovaYellow {
    background-color: var(--saColorSupernovaYellow);
}

.saBgColorSharkBlackLight {
    background-color: var(--saColorSharkBlackLight);
}

.saBgColorCornflowerBlueLight {
    background-color: var(--saColorCornflowerBlueLight);
}

.saBgColorDodgerBlueLight {
    background-color: var(--saColorDodgerBlueLight);
}

.saBgColorJavaBlueLight {
    background-color: var(--saColorJavaBlueLight);
}

.saBgColorMountainMeadowGreenLight {
    background-color: var(--saColorMountainMeadowGreenLight);
}

.saBgColorOrangeLight {
    background-color: var(--saColorOrangeLight);
}

.saBgColorWildWatermelonPinkLight {
    background-color: var(--saColorWildWatermelonPinkLight);
}

.saBgColorSupernovaYellowLight {
    background-color: var(--saColorSupernovaYellowLight);
}

.saBgColorNeutralGray {
    background-color: var(--saColorNeutralGray);
}

.saBgNostalgiaPerfume {
    background-color: var(--saColorNostalgiaPerfume);
}

.saBgColorMediumBlue {
    background-color: var(--saColorMediumBlue);
}

.saBgColorNeutralLight {
    background-color: var(--saColorNeutralLight);
}

/* Border Colors */

.saBorderColorSharkBlack {
    border: 2px solid var(--saColorSharkBlack);
}

.saBorderColorCornflowerBlue {
    border: 2px solid var(--saColorCornflowerBlue);
}

.saBorderColorDodgerBlue {
    border: 2px solid var(--saColorDodgerBlue);
}

.saBorderColorJavaBlue {
    border: 2px solid var(--saColorJavaBlue);
}

.saBorderColorMountainMeadowGreen {
    border: 2px solid var(--saColorMountainMeadowGreen);
}

.saBorderColorOrange {
    border: 2px solid var(--saColorOrange);
}

.saBorderColorWildWatermelonPink {
    border: 2px solid var(--saColorWildWatermelonPink);
}

.saBorderColorSupernovaYellow {
    border: 2px solid var(--saColorSupernovaYellow);
}

.saColorNeutralBorderLight {
    border-color: var(--saColorNeutralBorderLight);
}