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

  --color-primary-dark: #13161a;
  --color-primary-text: #202e45;
  --color-primary-deep-blue: #1c4a75;
  --color-primary-medium-blue: #005296;
  --color-primary-accent: #0078dd;

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