:root {
  --color-neutral-surface: #f8f8f8;
  --color-neutral-light: #edeef0;
  --color-neutral-control: #656e74;
  --color-neutral-highlight: #72787d;
  --color-neutral-dark: #434a51;

  --color-primary-dark: #13161a;
  --color-primary-text: #202e45;
  --color-primary-deep-blue: #52787A;
  --color-primary-medium-blue: #499689;
  --color-primary-accent: #499689;

  --color-purple: #7552c4;
  --color-turquoise: #43a0c0;
  --color-teal: #3ca58f;
  --color-lime: #34b064;
  --color-yellow: #f5b638;
  --color-danger: #c04343;
}