:root {
  /* Margins */
  --margin-xxxs: 0;
  --margin-xxs: 2px;
  --margin-xs: 4px;
  --margin-s: 8px;
  --margin-m: 12px;
  --margin-l: 16px;
  --margin-xl: 20px;
  --margin-xxl: 24px;
  --margin-xxxl: 32px;
  --margin-xxxxl: 40px;
  /* Sizes */
  --size-5xs: 0;
  --size-4xs: 2px;
  --size-3xs: 4px;
  --size-2xs: 8px;
  --size-xs: 12px;
  --size-s: 16px;
  --size-sm: 20px;
  --size-m: 24px;
  --size-2m: 32px;
  --size-3m: 40px;
  --size-4m: 48px;
  --size-l: 56px;
  --size-xl: 64px;
  --size-2xl: 72px;
  --size-3xl: 80px;
  --size-4xl: 88px;
  --size-5xl: 96px;
  /* border */
  --border-xs: 1px;
  --border-s: 1.6px;
  --border-m: 2px;
  --border-l: 3px;
  --border-xl: 4px;
  --border-radius-xs: 4px;
  --border-radius-s: 8px;
  --border-radius-m: 16px;
  --border-radius-l: 32px;
  --border-radius-xl: 50px;
  /* Z-Index */
  --z-index-default: 1;
  --z-index-docked: 4;
  --z-index-spinner: 9050;
  --z-index-deepdive: -99999;
  --z-index-toast: 10000;
  --z-index-dialog: 6000;
  --z-index-popup: 5000;
  --z-index-modal: 9000;
  --z-index-sticky: 100;
  --z-index-overlay: 8000;
  --z-index-infopoint: 9999;
  /* Font Weights */
  --font-weight: 400;
  --font-weight-bold: 700;
  --font-weight-semibold: 600;
  --font-weight-main-bar-navigation: 400;
  --font-weight-main-bar-navigation-hover: 700;
  --font-weight-submenu-item-overview: 600;
  --font-weight-footer: 400;
  --font-weight-copyright: 600;
  --font-weight-button: 600;
  --font-weight-link: 700;
  --font-weight-headline: 300;
  /* Text Settings */
  --font-size-5xs: 12px;
  --font-size-4xs: 14px;
  --font-size-3xs: 16px;
  --font-size-2xs: 18px;
  --font-size-xs: 20px;
  --font-size-s: 24px;
  --font-size-m: 26px;
  --font-size-2m: 30px;
  --font-size-l: 40px;
  --font-size-xl: 54px;
}