:root {
  --color-primary: #5a2d8a;
  --color-primary-light: #7b3dbc;
  --color-primary-dark: #391d58;
  --color-primary-pastel: #e6e0ed;
  --color-secondary: #3d65af;
  --color-secondary-light: #6588c9;
  --color-secondary-dark: #2c497e;
  --color-secondary-pastel: #e2e8f3;
  --color-positive: #28b691;
  --color-positive-light: #49d7b2;
  --color-positive-dark: #1c8066;
  --color-positive-pastel: #dff4ef;
  --color-negative: #bf2c4b;
  --color-negative-light: #d85571;
  --color-negative-dark: #892036;
  --color-negative-pastel: #f5dfe4;
  --color-whitespace: #d3d8dd;
  --header-background: linear-gradient(to right,#732582,#542d88 50%,#3859b6);
  --header-primary: #fff;
  --header-divider: rgba(255, 255, 255, 0.25);
  --subheader-background: #fff;
  --subheader-text: #000;
  --dashboard-accordion-primary-header-background: #556473;
  --dashboard-accordion-primary-header-background-hover: #607182;
  --dashboard-accordion-secondary-header-background: #5a2d8a;
  --dashboard-accordion-secondary-header-background-hover: #67339d;
  --dashboard-accordion-tertiary-header-background: #3d65af;
  --dashboard-accordion-tertiary-header-background-hover: #4771bf;
  --dashboard-accordion-header-text: #fff;
  --button-primary: #5a2d8a;
  --button-primary-hover: #67339d;
  --button-primary-active: #4d2777;
  --button-secondary: #3d65af;
  --button-secondary-hover: #4771bf;
  --button-secondary-active: #365a9c;
  --button-positive: #28b691;
  --button-positive-hover: #2dcba2;
  --button-positive-active: #23a180;
  --button-negative: #bf2c4b;
  --button-negative-hover: #d03455;
  --button-negative-active: #aa2743;
  --link: #5a2d8a;
  --link-hover: #5a2d8a;
  --link-active: #4d2777;
}