:root {
  /* primary */
  --aw-color-primary: #5BAFF0;
  --aw-color-primary-dark: #4990C6;
  --aw-color-primary-800: #7CBFF3;
  --aw-color-primary-600: #9DCFF6;
  --aw-color-primary-400: #CEE7FB;
  --aw-color-primary-200: #DEEFFC;
  --aw-color-primary-light: #EFF7FE;
  /* secondary */
  --aw-color-secondary: #F27C5A;
  --aw-color-secondary-dark: #C86549;
  --aw-color-secondary-800: #F5967B;
  --aw-color-secondary-600: #F7B09C;
  --aw-color-secondary-400: #FACBBD;
  --aw-color-secondary-200: #FCE5DE;
  --aw-color-secondary-light: #FEF2EF;
  /* danger */
  --aw-color-danger: #C44248;
  --aw-color-danger-dark: #8E1B20;
  --aw-color-danger-light: #FFF0F1;
  /* success */
  --aw-color-success: #2C9A3D;
  --aw-color-success-dark: #006610;
  --aw-color-success-light: #EBFFEE;
  /* warning */
  --aw-color-warning: #E3B137;
  --aw-color-warning-dark: #A77600;
  --aw-color-warning-light: #FFF9EC;
  /* info */
  --aw-color-info: #0076F0;
  --aw-color-info-dark: #003E7E;
  --aw-color-info-light: #F5FAFF;
  /* black */
  --aw-color-gray-900: #2d2d2d;
  --aw-color-gray-800: #4d4d4d;
  --aw-color-gray-700: #6f6f6f;
  --aw-color-gray-600: #909090;
  --aw-color-gray-500: #b6b6b6;
  --aw-color-gray-400: #dadada;
  --aw-color-gray-300: #ececec;
  --aw-color-gray-200: #f6f6f6;
  --aw-color-gray-light: #f9f9f9;
  --aw-color-white: #fff;
  --aw-color-black: #000;
  --aw-color-shadow-primary: 0 4px 8px 0 rgba(43, 43, 43, 0.06);
  --aw-color-shadow-secondary: 0 6px 12px 0 rgba(43, 43, 43, 0.06);
}