@layer theme.tokens.typography {
  :root {
    --font-heading-xlarge-size: 40px;
    --font-heading-xlarge-line-height: 1.4em;
    --font-heading-xlarge-letter-spacing: -0.2px;
    --font-heading-xlarge-weight: 600;

    --font-heading-large-size: 32px;
    --font-heading-large-line-height: 1.4em;
    --font-heading-large-letter-spacing: -0.2px;
    --font-heading-large-weight: 600;

    --font-heading-medium-size: 24px;
    --font-heading-medium-line-height: 1.4em;
    --font-heading-medium-letter-spacing: 0px;
    --font-heading-medium-weight: 600;

    --font-heading-small-size: 19px;
    --font-heading-small-line-height: 1.4em;
    --font-heading-small-letter-spacing: 0px;
    --font-heading-small-weight: 600;

    --font-heading-xsmall-size: 17px;
    --font-heading-xsmall-line-height: 1.5em;
    --font-heading-xsmall-letter-spacing: 0px;
    --font-heading-xsmall-weight: 600;

    --font-heading-xxsmall-size: 15px;
    --font-heading-xxsmall-line-height: 1.5em;
    --font-heading-xxsmall-letter-spacing: 0px;
    --font-heading-xxsmall-weight: 600;
  }
}
