:root {
  --font-family: 'Maven Pro', serif;

  --header-background-brand-primary: #5d295f;
  --background-primary: #ffffff;
  --background-secondary: #ffbc9f;
  --background-brand-primary: #5d295f;
  --background-brand-primary-2: #7d547f;
  --background-brand-primary-2-50: #7d547f80;
  --background-brand-primary-3: #9e7f9f;
  --background-brand-primary-4: #dfd4df;
  --background-brand-primary-5: #f8f5f8;
  --background-brand-secondary: #a20067;
  --background-brand-secondary-2: #b53385;
  --background-brand-secondary-3: #c766a4;
  --background-brand-secondary-4: #da99c2;
  --background-inverse: #222222;
  --background-palegold: #ffbf0e;
  --background-coolmint: #d6e9dd;

  --border-primary: #d4ced3;
  --border-secondary: #a6a6a6;
  --border-brand-primary: #5d295f;
  --border-brand-primary-200: #dfd4df;
  --border-brand-primary-400: #9e7f9f;
  --border-brand-primary-600: #7d547f;
  --border-brand-secondary: #a20067;
  --border-inverse: #ffffff;

  --icon-primary: #222222;
  --icon-secondary: #a6a6a6;
  --icon-brand-primary: #5d295f;
  --icon-brand-secondary: #a20067;
  --icon-inverse: #ffffff;

  --text-primary: #555555;
  --text-secondary: #222222;
  --text-tertiary: #9e7f9f;
  --text-brand-primary: #5d295f;
  --text-brand-primary-rgb: 93, 41, 95;
  --text-brand-primary-100: #d1b1cc;
  --text-brand-primary-600: #7d547f;
  --text-brand-secondary: #a20067;
  --text-inverse: #ffffff;
  --text-highlighted: #ffbc9f;
  --text-highlighted-secondary: #a20067;

  --state-error: #ae090a;
  --state-success: #036539;
  --state-focus: #ff9df5;
  --state-disabled-background: #e0dbe0;
  --state-disabled-foreground: #a6a6a6;
}