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

@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: #ccffe2;
@green200: #96facf;
@green300: #60f0c1;
@green400: #38e2ba;
@green500: #00d0b2;
@green600: #00b2a9; /* Primary */
@green700: #008f95;
@green800: #006878;
@green900: #004d63;

@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: #d3ecff;
@blue200: #a6d6ff;
@blue300: #7abdff;
@blue400: #59a5ff;
@blue500: #237fff;
@blue600: #2267e8; /* Primary */
@blue700: #1148b7;
@blue800: #0b3293;
@blue900: #06237a;

@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: #fef9d3;
@orange200: #fdf2a8;
@orange300: #fbe77c;
@orange400: #f7db5a;
@orange500: #f2ca26;
@orange600: #d0a91b; /* Primary */
@orange700: #ae8913;
@orange800: #8c6b0c;
@orange900: #745507;

@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: #fde7d8;
@red200: #fccab1;
@red300: #f7a589;
@red400: #f0816b;
@red500: #e74b3c;
@red600: #c62c2b; /* Primary */
@red700: #a61e28;
@red800: #851325;
@red900: #6e0b23;

@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%);
