/**
 * Better font rendering (on OS X)
 * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .var_dark_on_light {
 * 	@include font-smoothing;
 * }
 * .var_light_on_dark {
 * 	@include font-smoothing-reset;
 * }
 */
sub, sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.36em;
}

sup {
  top: -0.5em;
}

.sbb-text-xxs,
.sbb-text-xs,
.sbb-text-s,
.sbb-text-m,
.sbb-text-l,
.sbb-text-xl {
  font-family: var(--sbb-typo-font-family);
  font-weight: normal;
  line-height: var(--sbb-typo-line-height-body-text);
  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
  font-size: var(--sbb-text-font-size);
}

.sbb-text-xxs {
  --sbb-text-font-size: var(--sbb-font-size-text-xxs);
}

.sbb-text-xs {
  --sbb-text-font-size: var(--sbb-font-size-text-xs);
}

.sbb-text-s {
  --sbb-text-font-size: var(--sbb-font-size-text-s);
}

.sbb-text-m {
  --sbb-text-font-size: var(--sbb-font-size-text-m);
}

.sbb-text-l {
  --sbb-text-font-size: var(--sbb-font-size-text-l);
}

.sbb-text-xl {
  --sbb-text-font-size: var(--sbb-font-size-text-xl);
}

.sbb-text--bold {
  font-weight: bold;
}

.sbb-legend {
  --sbb-text-font-size: var(--sbb-font-size-text-xs);
  font-family: var(--sbb-typo-font-family);
  font-weight: normal;
  line-height: var(--sbb-typo-line-height-body-text);
  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
  font-size: var(--sbb-text-font-size);
  padding: 0;
  color: var(--sbb-color-granite);
}