:root {
  /* PRIMARY */
  --primary-color-100: #f3fafa;
  --primary-color-200: #ebf6f6;
  --primary-color-300: #96c8ca;
  --primary-color-400: #38b6ab;
  --primary-color-500: #1e898a;
  --primary-color-500-25: #1e898a25;
  --primary-color-500-50: #1e898a50;
  --primary-color-600: #005564;
  --primary-color-700: #003c46;
  /* SECONDARY */
  --accent-color: #353060;
  /* FEEDBACK */
  --red-100: #fbe0e4;
  --red-200: #e8abb5;
  --red-300: #c22a44;
  --red-300-25: #c22a4425;
  --red-300-50: #c22a4450;
  --red-400: #8f0011;
  --red-500: #5c0000;
  --yellow-100: #fff9c1;
  --yellow-200: #fcec4f;
  --yellow-200-25: #fcec4f25;
  --yellow-200-50: #fcec4f50;
  --green-100: #e7f3d0;
  --green-200: #86bc25;
  --green-200-25: #86bc2525;
  --green-200-50: #86bc2550;
  /* 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;
}