:root {
  --color-primary-50: #f4f6f9;
  --color-primary-100: #b4d0ff;
  --color-primary-200: #78aaff;
  --color-primary-300: #6aaae4;
  --color-primary-400: #1741c4;
  --color-primary-500: #0048c4;
  --color-primary-600: #273e86;
  --color-primary-700: #003591;
  --color-primary-800: #2e3644;
  --color-primary-900: #002057;
  --color-primary: #0048c4;
  --color-neutral-50: #ffffff;
  --color-neutral-100: #efefef;
  --color-neutral-200: #d8d8d8;
  --color-neutral-300: #bbbbbb;
  --color-neutral-400: #a4a4a4;
  --color-neutral-500: #888888;
  --color-neutral-600: #696969;
  --color-neutral-700: #555555;
  --color-neutral-800: #333333;
  --color-neutral-900: #000000;
  --semantic-background: #ffffff;
  --semantic-background-alt: #efefef;
  --semantic-action-active: #2e3644;
  --semantic-action-hover: #003591;
  --semantic-link: #0048c4;
  --semantic-link-hover: #003591;
  --semantic-text-inverse: #ffffff;
  --semantic-action: #0048c4;
  --semantic-border: #d8d8d8;
  --semantic-text-muted: #696969;
  --semantic-text-body: #000000;
  --surface-1: #f4f4f4;
  --surface-2: #efefef;
  --surface-3: #f8f8f8;
  --font-heading: texta-book, sans-serif;
  --font-body: sourceSansPro-regular, sans-serif;
  --font-size-4xl: 58px;
  --font-size-lg: 36px;
  --font-size-2xl: 46px;
  --font-size-base: 18px;
  --font-size-xs: 13px;
  --font-size-3xl: 50px;
  --font-size-md: 30px;
  --font-size-sm: 16px;
  --font-size-xl: 40px;
  --space-1: 1px;
  --space-2: 3px;
  --space-3: 5px;
  --space-4: 6px;
  --space-5: 7px;
  --space-6: 8px;
  --space-7: 10px;
  --space-8: 15px;
  --radius-1: 50px;
}