:root {
  /* PRIMARY */
  --primary-color-100: #e9f3f8;
  --primary-color-200: #deeef2;
  --primary-color-300: #a1d4ea;
  --primary-color-400: #42b0d2;
  --primary-color-500: #0091bb;
  --primary-color-500-25: #0091bb25;
  --primary-color-500-50: #0091bb50;
  --primary-color-600: #00749d;
  --primary-color-700: #006081;
  /* ACCENT */
  --accent-color: #ffe100;
  /* FEEDBACK */
  --red-100: #ffeae8;
  --red-200: #ecb1ac;
  --red-300: #e63121;
  --red-300-25: #e6312125;
  --red-300-50: #e6312150;
  --red-400: #b30000;
  --red-500: #800000;
  --yellow-100: #fff8c9;
  --yellow-200: #ffe100;
  --yellow-200-25: #ffe100;
  --yellow-200-50: #ffe100;
  --green-100: #e0f4ce;
  --green-200: #6bb52b;
  --green-200-25: #6bb52b;
  --green-200-50: #6bb52b;
  /* GRAPH VISUALIZATION */
  --graph-color-1: #0fb5ae;
  --graph-color-2: #4046ca;
  --graph-color-3: #f68511;
  --graph-color-4: #de3d82;
  --graph-color-5: #7e84fa;
  --graph-color-6: #74e06c;
  --graph-color-7: #147af3;
  --graph-color-8: #7326d3;
}