@use 'Foundation/scss/typography-chains' as chains;

$font-weight-bold: var(--wds-font-weight-bold, var(--wsr-font-weight-bold, 700));
$letter-spacing: var(--wds-font-letter-spacing-0, unset);
$color: var(--wds-color-text-standard-primary-light, var(--wsr-color-D80, #FFFFFF));

.caption {
  &__c1,
  &#{&}--caption-c1 {
    font-family: chains.$font-family-default;
    font-weight: $font-weight-bold;
    letter-spacing: $letter-spacing;
    color: $color;
    font-size: 10px;
    line-height: 14px;
  }

  &__c2,
  &#{&}--caption-c2 {
    font-family: chains.$font-family-default;
    font-weight: $font-weight-bold;
    letter-spacing: $letter-spacing;
    color: $color;
    font-size: 8px;
    line-height: 12px;
  }
}