:root {
  --brand-color: #c3295b;
  --brand-focus-color: #810636;

  --primary-accent-color: #e6edfb;
  --primary-accent-focus-color: #d0ddf7;

  --secondary-accent-color: #f7fbff;
  --secondary-accent-focus-color: #edf0f4; 

  --tertiary-utility-color: #ed1652;
  --tertiary-utility-focus-color: #920b31;

  --navigator-background-color: #333333;

  --user-color-1: #ee534f;
  --user-color-2: #ee534f;
  --user-color-3: #9ccc66;
  --user-color-4: #ff7143;
  --user-color-5: #ec407a;
  --user-color-6: #26a59a;
  --user-color-7: #ab46bc;
  --user-color-8: #8c6e63;
  --user-color-9: #d4e056;
  --user-color-10: #26c7db;
  --user-color-11: #ffe633;
  --user-color-12: #bdbdbd;

  --user-color-13: #7e57c2;
  --user-color-14: #28b6f6;
  --user-color-15: #ffc928;
  --user-color-16: #78909c;
  --user-color-17: #5c6bc0;
  --user-color-18: #66bb6a;
  --user-color-19: #ffa727;
  --user-color-20: #ffa727;

  --user-complementary-color-1: #fff;
  --user-complementary-color-2: #fff;
  --user-complementary-color-3: #fff;
  --user-complementary-color-4: #fff;
  --user-complementary-color-5: #fff;
  --user-complementary-color-6: #fff;
  --user-complementary-color-7: #fff;
  --user-complementary-color-8: #fff;
  --user-complementary-color-9: #fff;
  --user-complementary-color-10: #333;
  --user-complementary-color-11: #333;
  --user-complementary-color-12: #333;

  --user-complementary-color-13: #fff;
  --user-complementary-color-14: #333;
  --user-complementary-color-15: #333;
  --user-complementary-color-16: #fff;
  --user-complementary-color-17: #fff;
  --user-complementary-color-18: #fff;
  --user-complementary-color-19: #333;
  --user-complementary-color-20: #333;
}