@use 'sass:map';
$baseSize: 16px;

/*  theme */

$bright: #b30838;
$soft: #df3a4c;
$black: #2e3131;
$deep: #830036;

/* GRAY */
$gray100: #f3f5f8;
$gray200: #e8ecf1;
$gray300: #e4e8ee;
$gray400: #dee2e8;
$gray500: #bdc3c7;
$gray600: #acb3b8;
$gray700: #959fa5;
$gray800: #849097;
$gray900: #586268;

/* RED */
$red100: #fadfe2;
$red200: #fac0c1;
$red300: #f79b9c;
$red400: #f4797b;
$red500: #f45369;
$red600: #ef3e42;
$red700: #ed2227;
$red800: #e21217;
$red900: #cb1015;

/* GREEN */
$green100: #bde2bf;
$green200: #a3d6a5;
$green300: #8bcc8e;
$green400: #75c379;
$green500: #61ba66;
$green600: #4db153;
$green700: #459f4b;
$green800: #3e8f44;
$green900: #38813d;

/* YELLOW */
$yellow100: #ffeed3;
$yellow200: #fadfb6;
$yellow300: #f8cf91;
$yellow400: #f6c16f;
$yellow500: #f4b34d;
$yellow600: #f2a62f;
$yellow700: #f09a14;
$yellow800: #e59211;
$yellow900: #dc8b0e;

/* BLUE */
$blue100: #26C0D6;