:root {
  /* Margins */
  --margin-xxxs: var(--core-dimension-0); /* 0px */
  --margin-xxs: var(--core-dimension-50); /* 2px */
  --margin-xs: var(--core-dimension-100); /* 4px */
  --margin-s: var(--core-dimension-200); /* 8px */
  --margin-m: var(--core-dimension-300); /* 12px */
  --margin-l: var(--core-dimension-400); /* 16px */
  --margin-xl: var(--core-dimension-500); /* 20px */
  --margin-xxl: var(--core-dimension-600); /* 24px */
  --margin-xxxl: var(--core-dimension-800); /* 32px */
  --margin-xxxxl: var(--core-dimension-1000); /* 40px */
  /* Sizes */
  --size-5xs: var(--core-dimension-0); /* 0px */
  --size-4xs: var(--core-dimension-50); /* 2px */
  --size-3xs: var(--core-dimension-100); /* 4px */
  --size-2xs: var(--core-dimension-200); /* 8px */
  --size-xs: var(--core-dimension-300); /* 12px */
  --size-s: var(--core-dimension-400); /* 16px */
  --size-sm: var(--core-dimension-500); /* 20px */
  --size-m: var(--core-dimension-600); /* 24px */
  --size-2m: var(--core-dimension-800); /* 32px */
  --size-3m: var(--core-dimension-1000); /* 40px */
  --size-4m: var(--core-dimension-1200); /* 48px */
  --size-l: var(--core-dimension-1400); /* 56px */
  --size-xl: var(--core-dimension-1600); /* 64px */
  --size-2xl: 72px;
  --size-3xl: var(--core-dimension-2000); /* 80px */
  --size-4xl: 88px;
  --size-5xl: var(--core-dimension-2400); /* 96px */
  --size-6xl: var(--core-dimension-4000); /* 160px */
  /* 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: var(--core-font-weight-200);
  --font-weight-semibold: var(--core-font-weight-150);
  --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;
}