:root {
  /* ==========================================================================
     Color Values
     ========================================================================== */
  --black: #000000;
  --banner-blue: #93c1f5;
  --blush-100: #fffbfa;
  --blush-300: #fff1eb;
  --blush-400: #ffe6db;
  --dark-gray: #404040;
  --darker-gray: #8b8d8e;
  --grape-200: #d9cde9;
  --grape-600: #330675;
  --gray: #c2bdba;
  --green-100: #e8f8f1;
  --green-300: #a1e3c8;
  --green-400: #5bce9f;
  --green-500: #15b976;
  --indigo-200: #dde1fb;
  --indigo-300: #bac2f7;
  --indigo-500: #5367ea;
  --indigo-600: #4252bb;
  --indigo-700: #323e8c;
  --indigo-800: #21295e;
  --light-gray: #f4f3ef;
  --magenta-100: #f5e6f5;
  --middle-gray: #eae8e3;
  --primary-text: #202325;
  --red-200: #ffdede;
  --red-500: #ff5b5b;
  --red-600: #cc4949;
  --secondary-text: #636566;
  --sky-300: #e1f0f9;
  --sky-500: #9fedf9;
  --white: #ffffff;
  --yellow-100: #fef6e0;
  --yellow-300: #fae5af;
  --yellow-500: #f4c642;
  --background-color: var(--light-gray);
}