:root {
  --coorpid-dark-blue: #1C134A;
  --coorpid-pale-grey: #F5F8FA;
  --coorpid-light-blue: #D9EBFA;
  --coorpid-dark-grey: #617386;
  --coorpid-light-grey: #D3DBE3;
  --coorpid-purple-blue: #6677E9;
  --coorpid-white: #FFFFFF;
  --coorpid-purple: #5867CA;
  --coorpid-yellow: #E9A100;
  --coorpid-red: #DC2020;
  --coorpid-blue: #377DCC;
  --coorpid-green: #29823B;
  --coorpid-background-color: #f5f5f5;
  --coorpid-blue-grey: #869EB5;
  --coorpid-light-yellow: #FFF0BC;
  --coorpid-black: #272B30;
  --coorpid-yellow-white: #F3E6C8;
  --coorpid-grey-lighter: #f3f3f3;
  --coorpid-neutral-1: #f8f9fa;
  --coorpid-neutral-2: #f1f3f5;
  --coorpid-neutral-3: #e9ecef;
  --coorpid-neutral-4: #dee2e6;
  --coorpid-neutral-5: #ced4da;
  --coorpid-neutral-6: #d3dbe3;
  --coorpid-neutral-7: #617386;
  --coorpid-neutral-8: #4f575e;
  --coorpid-neutral-9: #272b30;
  --coorpid-neutral-10: #101213;
  --max-content-width: 1600px;
  --full-content-width: 100%;
  --space-none: 0;
  --space-xs: 4px;
  --space-s: 8px;
  --space-base: 16px;
  --space-m: 24px;
  --space-l: 32px;
  --space-xl: 40px;
  --space-xxl: 48px;
  --primary-font: "Roboto", sans-serif;
  --secondary-font: "Raleway", sans-serif;
  --container-padding: 0px 130px;
}