@gray100: #ffffff;
@gray200: #f5f5f5;
@gray300: #eaeaea;
@gray400: #e0e0e0;
@gray500: #d6d6d6;
@gray600: #cccccc;
@gray700: #adadad;
@gray800: #8f8f8f;
@gray900: #606060; /* Primary */
@gray1000: #333333;
@gray1100: #242424;

@gray100Transparent08: fadeout(@gray100, 08%);
@gray100Transparent16: fadeout(@gray100, 16%);
@gray100Transparent24: fadeout(@gray100, 24%);
@gray100Transparent32: fadeout(@gray100, 32%);
@gray100Transparent40: fadeout(@gray100, 40%);
@gray100Transparent48: fadeout(@gray100, 48%);

@gray600Transparent08: fadeout(@gray600, 08%);
@gray600Transparent16: fadeout(@gray600, 16%);
@gray600Transparent24: fadeout(@gray600, 24%);
@gray600Transparent32: fadeout(@gray600, 32%);
@gray600Transparent40: fadeout(@gray600, 40%);
@gray600Transparent48: fadeout(@gray600, 48%);

@green100: #b3f5d1;
@green200: #80eeb3;
@green300: #4de794;
@green400: #26e17d;
@green500: #00dc66;
@green600: #00d85e; /* Primary */
@green700: #00d353;
@green800: #00ce49;
@green900: #00c538;

@green600Transparent08: fadeout(@green600, 08%);
@green600Transparent16: fadeout(@green600, 16%);
@green600Transparent24: fadeout(@green600, 24%);
@green600Transparent32: fadeout(@green600, 32%);
@green600Transparent40: fadeout(@green600, 40%);
@green600Transparent48: fadeout(@green600, 48%);

@blue100: #c2dafa;
@blue200: #9ac2f7;
@blue300: #72a9f4;
@blue400: #5396f1;
@blue500: #3584ef;
@blue600: #307ced; /* Primary */
@blue700: #2871eb;
@blue800: #2267e8;
@blue900: #1654e4;

@blue600Transparent08: fadeout(@blue600, 08%);
@blue600Transparent16: fadeout(@blue600, 16%);
@blue600Transparent24: fadeout(@blue600, 24%);
@blue600Transparent32: fadeout(@blue600, 32%);
@blue600Transparent40: fadeout(@blue600, 40%);
@blue600Transparent48: fadeout(@blue600, 48%);

@orange100: #fbf2ba;
@orange200: #f8e98c;
@orange300: #f5e05e;
@orange400: #f2d93c;
@orange500: #f0d219;
@orange600: #eecd16; /* Primary */
@orange700: #ecc712;
@orange800: #e9c10e;
@orange900: #e5b608;

@orangeTransparent08: fadeout(@orange600, 08%);
@orangeTransparent16: fadeout(@orange600, 16%);
@orangeTransparent24: fadeout(@orange600, 24%);
@orangeTransparent32: fadeout(@orange600, 32%);
@orangeTransparent40: fadeout(@orange600, 40%);
@orangeTransparent48: fadeout(@orange600, 48%);

@red100: #f4c8c8;
@red200: #eda3a3;
@red300: #e57e7e;
@red400: #da4646;
@red500: #da4646;
@red600: #d63f3f; /* Primary */
@red700: #d03737;
@red800: #cb2f2f;
@red900: #c22020;

@redTransparent08: fadeout(@red600, 08%);
@redTransparent16: fadeout(@red600, 16%);
@redTransparent24: fadeout(@red600, 24%);
@redTransparent32: fadeout(@red600, 32%);
@redTransparent40: fadeout(@red600, 40%);
@redTransparent48: fadeout(@red600, 48%);

@teal50: #d9fff8;
@teal100: #99ffec;
@teal200: #00ffd0; /* Primary */
@teal300: #00f2c6;
@teal400: #00d9b1;
@teal500: #00bf9c;
@teal600: #00b392;
@teal700: #00997d;
@teal800: #008c72;
@teal900: #00735e;

@tealTransparent08: fadeout(#00FFCB, 08%);
@tealTransparent16: fadeout(#00FFCB, 16%);
@tealTransparent24: fadeout(#00FFCB, 24%);
@tealTransparent32: fadeout(#00FFCB, 32%);
@tealTransparent40: fadeout(#00FFCB, 40%);
@tealTransparent48: fadeout(#00FFCB, 48%);

@cyan50: #e0f7f8;
@cyan100: #b2ebee;
@cyan200: #80dee4;
@cyan300: #4dd0da;
@cyan400: #25c5d2;
@cyan500: #00bbcc;
@cyan600: #00abba;
@cyan700: #0096a0;
@cyan800: #008289; /* Primary */
@cyan900: #035f5f;

@cyanTransparent08: fadeout(@cyan500, 08%);
@cyanTransparent16: fadeout(@cyan500, 16%);
@cyanTransparent24: fadeout(@cyan500, 24%);
@cyanTransparent32: fadeout(@cyan500, 32%);
@cyanTransparent40: fadeout(@cyan500, 40%);
@cyanTransparent48: fadeout(@cyan500, 48%);
