.subtitle {
  margin: var(--Spacing-x0);
  padding: var(--Spacing-x0);
}

.one {
  font-family: var(--typography-Subtitle-1-fontFamily);
  font-size: clamp(
    var(--typography-Subtitle-1-Mobile-fontSize),
    0.3vw + 15px,
    var(--typography-Subtitle-1-Desktop-fontSize)
  );
  font-weight: 500;
  letter-spacing: var(--typography-Subtitle-1-letterSpacing);
  line-height: var(--typography-Subtitle-1-lineHeight);
}

.two {
  font-family: var(--typography-Subtitle-2-fontFamily);
  font-size: clamp(
    var(--typography-Subtitle-2-Mobile-fontSize),
    0.3vw + 15px,
    var(--typography-Subtitle-2-Desktop-fontSize)
  );
  font-weight: 500;
  letter-spacing: var(--typography-Subtitle-2-letterSpacing);
  line-height: var(--typography-Subtitle-2-lineHeight);
}

.regular {
  text-transform: none;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.black {
  color: var(--Main-Grey-100);
}

.burgundy {
  color: var(--Scandic-Brand-Burgundy);
}

.pale {
  color: var(--Scandic-Brand-Pale-Peach);
}

.baseTextMediumContrast {
  color: var(--Base-Text-High-contrast);
}

.uiTextHighContrast {
  color: var(--UI-Text-High-contrast);
}

.uiTextMediumContrast {
  color: var(--UI-Text-Medium-contrast);
}

.uiTextPlaceholder {
  color: var(--UI-Text-Placeholder);
}

.red {
  color: var(--Scandic-Brand-Scandic-Red);
}

.baseTextDisabled {
  color: var(--Base-Text-Disabled);
}
