.width-s {width: var(--space-s)}
.width-m {width: var(--space-m)}
.width-l {width: var(--space-l)}
.width-xl {width: var(--space-xl)}
.width-2xl {width: var(--space-2xl)}
.width-3xl {width: var(--space-3xl)}
.width-4xl {width: var(--space-4xl)}
.width-5xl {width: var(--space-5xl)}

.minWidth-s {min-width: var(--space-s)}
.minWidth-m {min-width: var(--space-m)}
.minWidth-l {min-width: var(--space-l)}
.minWidth-xl {min-width: var(--space-xl)}
.minWidth-2xl {min-width: var(--space-2xl)}
.minWidth-3xl {min-width: var(--space-3xl)}
.minWidth-4xl {min-width: var(--space-4xl)}
.minWidth-5xl {min-width: var(--space-5xl)}

.maxWidth-s {max-width: var(--space-s)}
.maxWidth-m {max-width: var(--space-m)}
.maxWidth-l {max-width: var(--space-l)}
.maxWidth-xl {max-width: var(--space-xl)}
.maxWidth-2xl {max-width: var(--space-2xl)}
.maxWidth-3xl {max-width: var(--space-3xl)}
.maxWidth-4xl {max-width: var(--space-4xl)}
.maxWidth-5xl {max-width: var(--space-5xl)}

.height-s {height: var(--space-s)}
.height-m {height: var(--space-m)}
.height-l {height: var(--space-l)}
.height-xl {height: var(--space-xl)}
.height-2xl {height: var(--space-2xl)}
.height-3xl {height: var(--space-3xl)}
.height-4xl {height: var(--space-4xl)}
.height-5xl {height: var(--space-5xl)}

.minHeight-s {min-height: var(--space-s)}
.minHeight-m {min-height: var(--space-m)}
.minHeight-l {min-height: var(--space-l)}
.minHeight-xl {min-height: var(--space-xl)}
.minHeight-2xl {min-height: var(--space-2xl)}
.minHeight-3xl {min-height: var(--space-3xl)}
.minHeight-4xl {min-height: var(--space-4xl)}
.minHeight-5xl {min-height: var(--space-5xl)}

.maxHeight-s {max-height: var(--space-s)}
.maxHeight-m {max-height: var(--space-m)}
.maxHeight-l {max-height: var(--space-l)}
.maxHeight-xl {max-height: var(--space-xl)}
.maxHeight-2xl {max-height: var(--space-2xl)}
.maxHeight-3xl {max-height: var(--space-3xl)}
.maxHeight-4xl {max-height: var(--space-4xl)}
.maxHeight-5xl {max-height: var(--space-5xl)}

.spacerRight-s {margin-right: var(--space-s)}
.spacerRight-m {margin-right: var(--space-m)}
.spacerRight-l {margin-right: var(--space-l)}
.spacerRight-xl {margin-right: var(--space-xl)}

.spacerLeft-s {margin-left: var(--space-s)}
.spacerLeft-m {margin-left: var(--space-m)}
.spacerLeft-l {margin-left: var(--space-l)}
.spacerLeft-xl {margin-left: var(--space-xl)}

.spacerTop-s {margin-top: var(--space-s)}
.spacerTop-m {margin-top: var(--space-m)}
.spacerTop-l {margin-top: var(--space-l)}
.spacerTop-xl {margin-top: var(--space-xl)}

.spacerBottom-s {margin-bottom: var(--space-s)}
.spacerBottom-m {margin-bottom: var(--space-m)}
.spacerBottom-l {margin-bottom: var(--space-l)}
.spacerBottom-xl {margin-bottom: var(--space-xl)}

.spaceframe-s {padding: var(--spaceframe-s)}
.spaceframe-m {padding: var(--spaceframe-m)}
.spaceframe-l {padding: var(--spaceframe-l)}
.spaceframe-xl {padding: var(--spaceframe-xl)}

.textSize-xs {
  font-size: var(--fontSize-xs);
  line-height: var(--lineHeight-xs);
}

.textSize-s {
  font-size: var(--fontSize-s);
  line-height: var(--lineHeight-s);
}

.textSize-m {
  font-size: var(--fontSize-m);
  line-height: var(--lineHeight-m);
}

.textSize-l {
  font-size: var(--fontSize-l);
  line-height: var(--lineHeight-l);
}

.textSize-xl {
  font-size: var(--fontSize-xl);
  line-height: var(--lineHeight-xl);
}

.fontWeight-400 {font-weight: var(--fontWeight-400)}
.fontWeight-700 {font-weight: var(--fontWeight-700)}

.c-primary-2xlight {color: var(--c-primary-2xlight)}
.c-primary-xlight {color: var(--c-primary-xlight)}
.c-primary-light {color: var(--c-primary-light)}
.c-primary {color: var(--c-primary)}
.c-primary-dark {color: var(--c-primary-dark)}
.c-primary-xdark {color: var(--c-primary-xdark)}
.c-primary-2xdark {color: var(--c-primary-2xdark)}

.bg-primary-2xlight {background-color: var(--c-primary-2xlight)}
.bg-primary-xlight {background-color: var(--c-primary-xlight)}
.bg-primary-light {background-color: var(--c-primary-light)}
.bg-primary {background-color: var(--c-primary)}
.bg-primary-dark {background-color: var(--c-primary-dark)}
.bg-primary-xdark {background-color: var(--c-primary-xdark)}
.bg-primary-2xdark {background-color: var(--c-primary-2xdark)}

.c-grey-1 {color: var(--c-grey-1)}
.c-grey-2 {color: var(--c-grey-2)}
.c-grey-3 {color: var(--c-grey-3)}
.c-grey-4 {color: var(--c-grey-4)}
.c-grey-5 {color: var(--c-grey-5)}
.c-grey-6 {color: var(--c-grey-6)}
.c-grey-7 {color: var(--c-grey-7)}
.c-grey-8 {color: var(--c-grey-8)}

.bg-grey-1 {background-color: var(--c-grey-1)}
.bg-grey-2 {background-color: var(--c-grey-2)}
.bg-grey-3 {background-color: var(--c-grey-3)}
.bg-grey-4 {background-color: var(--c-grey-4)}
.bg-grey-5 {background-color: var(--c-grey-5)}
.bg-grey-6 {background-color: var(--c-grey-6)}
.bg-grey-7 {background-color: var(--c-grey-7)}
.bg-grey-8 {background-color: var(--c-grey-8)}

.c-body {color: var(--c-body)}
.c-background {color: var(--c-background)}

.bg-body {background-color: var(--c-body)}
.bg-background {background-color: var(--c-background)}