/* curby-style-assets bundle: composite-tokens fingerprint=89c1da8e237e947cd2b84164feaeb2cd519c6e116181cffe5ee38e54d9f69ce1 */
/* @source project--aydin/ui-styles/60-composite-tokens/ct-heading.css */
@layer composite-tokens {
  .ct-heading-display {
    font-family: var(--semantic-typography-heading-family);
    font-size: var(--semantic-text-role-display-size-compact);
    line-height: var(--semantic-text-role-display-line-height);
    font-weight: var(--semantic-text-role-display-weight);
    letter-spacing: var(--semantic-text-role-display-letter-spacing);

    @container layout (width > 64rem) {
      font-size: var(--semantic-text-role-display-size);
    }
  }

  .ct-heading-headline {
    font-family: var(--semantic-typography-heading-family);
    font-size: var(--semantic-text-role-headline-size);
    line-height: var(--semantic-text-role-headline-line-height);
    font-weight: var(--semantic-text-role-headline-weight);
    letter-spacing: var(--semantic-text-role-headline-letter-spacing);
  }

  .ct-heading-subheadline {
    font-family: var(--semantic-typography-heading-family);
    font-size: var(--semantic-text-role-subheadline-size);
    line-height: var(--semantic-text-role-subheadline-line-height);
    font-weight: var(--semantic-text-role-subheadline-weight);
    letter-spacing: var(--semantic-text-role-subheadline-letter-spacing);
  }

  .ct-heading-component {
    font-family: var(--semantic-typography-heading-family);
    font-size: var(--semantic-text-role-component-size);
    line-height: var(--semantic-text-role-component-line-height);
    font-weight: var(--semantic-text-role-component-weight);
    letter-spacing: var(--semantic-text-role-component-letter-spacing);
  }

  .ct-heading-logowall {
    font-family: var(--semantic-typography-heading-family);
    font-size: var(--semantic-text-role-logowall-size);
    line-height: var(--semantic-text-role-logowall-line-height);
    font-weight: var(--semantic-text-role-logowall-weight);
    letter-spacing: var(--semantic-text-role-logowall-letter-spacing);
  }
}

/* @source project--aydin/ui-styles/60-composite-tokens/ct-label.css */
@layer composite-tokens {
  .ct-label {
    font-family: var(--semantic-typography-body-family);
    font-size: var(--semantic-text-role-label-size);
    font-weight: var(--semantic-text-role-label-weight);
    line-height: var(--semantic-text-role-label-line-height);
    letter-spacing: var(--semantic-text-role-label-letter-spacing);
  }
}

/* @source project--aydin/ui-styles/60-composite-tokens/ct-text.css */
@layer composite-tokens {
  .ct-text-body {
    font-family: var(--semantic-typography-body-family);
    font-size: var(--semantic-text-role-body-size);
    font-weight: var(--semantic-text-role-body-weight);
    line-height: var(--semantic-text-role-body-line-height);
    letter-spacing: var(--semantic-text-role-body-letter-spacing);
  }

  .ct-text-lead {
    font-size: var(--semantic-text-role-lead-size);
    font-weight: var(--semantic-text-role-lead-weight);
    line-height: var(--semantic-text-role-lead-line-height);
    letter-spacing: var(--semantic-text-role-lead-letter-spacing);
  }

  .ct-text-ui {
    font-size: var(--semantic-text-role-ui-size);
    font-weight: var(--semantic-text-role-ui-weight);
    line-height: var(--semantic-text-role-ui-line-height);
    letter-spacing: var(--semantic-text-role-ui-letter-spacing);
  }

  .ct-text-smallish {
    font-size: var(--semantic-text-role-smallish-size);
    font-weight: var(--semantic-text-role-smallish-weight);
    line-height: var(--semantic-text-role-smallish-line-height);
    letter-spacing: var(--semantic-text-role-smallish-letter-spacing);
  }

  .ct-text-small {
    font-size: var(--semantic-text-role-small-size);
    font-weight: var(--semantic-text-role-small-weight);
    line-height: var(--semantic-text-role-small-line-height);
    letter-spacing: var(--semantic-text-role-small-letter-spacing);
  }
}
