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

  --header-background-brand-primary: #219afb;
  --header-text-color: var(--text-inverse);
  --text-brand-body: var(--text-secondary);
  --button-outline-border: var(--border-brand-primary);
  --active-filter-hover-background: var(--state-disabled-background);
  --toggle-checked-bucket-icon: var(--icon-inverse);
  --filter-title-background: var(--background-brand-primary-4);
  --background-primary: #ffffff;
  --background-secondary: #e4f3ff;
  --background-brand-primary: #219afb;
  --background-brand-primary-2: #4daefc;
  --background-brand-primary-2-50: #4daefc80;
  --background-brand-primary-3: #7ac2fd;
  --background-brand-primary-4: #c8e6fe;
  --background-brand-primary-5: #f2f9ff;
  --background-brand-primary-6: #f3f4f5;
  --background-brand-primary-7: #4daefc;
  --background-brand-secondary: #219afb;
  --background-brand-secondary-2: #4daefc;
  --background-brand-secondary-3: #7ac2fd;
  --background-brand-secondary-4: #c8e6fe;
  --background-inverse: #19212b;
  --background-palegold: #ffbf0e;
  --background-coolmint: #d6e9dd;

  --border-primary: #d5dae0;
  --border-secondary: #a6a6a6;
  --border-brand-primary: #219afb;
  --border-brand-primary-200: #c8e6fe;
  --border-brand-primary-400: #7ac2fd;
  --border-brand-primary-600: #4daefc;
  --border-brand-secondary: #19212b;
  --border-inverse: #ffffff;

  --icon-primary: #19212b;
  --icon-secondary: #a6a6a6;
  --icon-brand-primary: #219afb;
  --icon-brand-secondary: #19212b;
  --icon-inverse: #ffffff;

  --text-primary: #19212b;
  --text-secondary: #19212b;
  --text-tertiary: #757a80;
  --text-brand-primary: #219afb;
  --text-brand-primary-rgb: 33, 154, 251;
  --text-brand-primary-100: #c8e6fe;
  --text-brand-primary-600: #4daefc;
  --text-brand-secondary: #19212b;
  --text-inverse: #ffffff;
  --text-highlighted: #e4f3ff;
  --text-highlighted-secondary: #19212b;

  --state-warning: #ffbf0e;
  --state-error: #ae090a;
  --state-success: #036539;
  --state-focus: #7ac2fd;
  --state-disabled-background: #e3e6ea;
  --state-disabled-foreground: #a6a6a6;
}