:root {
  /* number */
  --4: 4px;
  --8: 8px;
  --12: 12px;
  --16: 16px;
  --24: 24px;
  --32: 32px;
  --40: 40px;
  --48: 48px;
  --56: 56px;
  --64: 64px;
  --72: 72px;
  --80: 80px;
  --88: 88px;
  --96: 96px;
  --120: 120px;
  --160: 160px;
  --200: 200px;
  --240: 240px;
}

:root {
  /* color */
  --primary-dark-blue: #071d49;
  --primary-logo-green: #397627;
  --primary-white: #ffffff;
  --secondary-cobalt-blue: #004bfc;
  --secondary-extra-dark-blue: #06132d;
  --secondary-extra-light-blue: #fafbff;
  --secondary-light-blue: #f1f3ff;
  --secondary-medium-blue: #a6b5e0;
  --secondary-mid-blue: #d9ddf4;
  --grayscale-black: #000000;
  --grayscale-extra-light-grey: #fafafa;
  --grayscale-extra-strong-gray: #4a4a4a;
  --grayscale-light-grey: #efefef;
  --grayscale-medium-grey: #c9c9c9;
  --grayscale-strong-gray: #757575;
  --feedback-critical: #cf451c;
  --feedback-focus: #4d81fd;
  --feedback-success: #338700;
  --therapy-color-eye-care: #5dc4a9;
  --therapy-color-gastroenterology: #0071ad;
  --therapy-color-immunology: #f08835;
  --therapy-color-neuroscience: #842bdd;
  --therapy-color-oncology: #0f52f5;
  --therapy-color-pharma: #44a586;
  --therapy-color-reumatology: #eb8c43;
  --therapy-color-virology: #9ca4b4;
}