/* ================================================================
 * Oymyakon Design System — Typography Tokens (typography.css)
 * AUTO-GENERATED by build-dtcg.js — DO NOT EDIT MANUALLY
 * Source: tokens/src/typography/text-styles.json
 * ================================================================ */


:root {

  /* ── heading ── */
  --text-heading-promo-heading-family: 'PP Agrandir';
  --text-heading-promo-heading-weight: 700;
  --text-heading-promo-heading-size: 40px;
  --text-heading-promo-heading-line-height: 1.1;
  --text-heading-promo-heading-letter-spacing: 0px;
  --text-heading-heading1-family: 'PP Agrandir';
  --text-heading-heading1-weight: 700;
  --text-heading-heading1-size: 32px;
  --text-heading-heading1-line-height: 1.125;
  --text-heading-heading1-letter-spacing: 0px;
  --text-heading-heading2-family: 'PP Agrandir';
  --text-heading-heading2-weight: 700;
  --text-heading-heading2-size: 24px;
  --text-heading-heading2-line-height: 1.166667;
  --text-heading-heading2-letter-spacing: 0px;
  --text-heading-heading3-family: 'Suisse Intl';
  --text-heading-heading3-weight: 700;
  --text-heading-heading3-size: 20px;
  --text-heading-heading3-line-height: 1.4;
  --text-heading-heading3-letter-spacing: 0px;
  --text-heading-heading4-family: 'Suisse Intl';
  --text-heading-heading4-weight: 600;
  --text-heading-heading4-size: 17px;
  --text-heading-heading4-line-height: 1.176471;
  --text-heading-heading4-letter-spacing: 0px;

  /* ── body ── */
  --text-body-promo-body-family: 'Suisse Intl';
  --text-body-promo-body-weight: 400;
  --text-body-promo-body-size: 20px;
  --text-body-promo-body-line-height: 1.4;
  --text-body-promo-body-letter-spacing: 0px;
  --text-body-body-paragraph-family: 'Suisse Intl';
  --text-body-body-paragraph-weight: 400;
  --text-body-body-paragraph-size: 16px;
  --text-body-body-paragraph-line-height: 1.5;
  --text-body-body-paragraph-letter-spacing: 0px;
  --text-body-main-body-family: 'Suisse Intl';
  --text-body-main-body-weight: 400;
  --text-body-main-body-size: 16px;
  --text-body-main-body-line-height: 1.25;
  --text-body-main-body-letter-spacing: 0px;
  --text-body-compact-body-family: 'Suisse Intl';
  --text-body-compact-body-weight: 400;
  --text-body-compact-body-size: 14px;
  --text-body-compact-body-line-height: 1.142857;
  --text-body-compact-body-letter-spacing: 0px;

  /* ── link ── */
  --text-link-main-link-family: 'Suisse Intl';
  --text-link-main-link-weight: 400;
  --text-link-main-link-size: 16px;
  --text-link-main-link-line-height: 1.25;
  --text-link-main-link-letter-spacing: 0px;
  --text-link-main-link-decoration: underline;
  --text-link-compact-link-family: 'Suisse Intl';
  --text-link-compact-link-weight: 400;
  --text-link-compact-link-size: 14px;
  --text-link-compact-link-line-height: 1.142857;
  --text-link-compact-link-letter-spacing: 0px;
  --text-link-compact-link-decoration: underline;

  /* ── caption ── */
  --text-caption-caption-family: 'Suisse Intl';
  --text-caption-caption-weight: 400;
  --text-caption-caption-size: 12px;
  --text-caption-caption-line-height: 1.333333;
  --text-caption-caption-letter-spacing: 0px;

}

/* ── Utility classes ── */
.text-heading-promo-heading {
  font-family: var(--text-heading-promo-heading-family);
  font-weight: var(--text-heading-promo-heading-weight);
  font-size: var(--text-heading-promo-heading-size);
  line-height: var(--text-heading-promo-heading-line-height);
  letter-spacing: var(--text-heading-promo-heading-letter-spacing);
}
.text-heading-heading1 {
  font-family: var(--text-heading-heading1-family);
  font-weight: var(--text-heading-heading1-weight);
  font-size: var(--text-heading-heading1-size);
  line-height: var(--text-heading-heading1-line-height);
  letter-spacing: var(--text-heading-heading1-letter-spacing);
}
.text-heading-heading2 {
  font-family: var(--text-heading-heading2-family);
  font-weight: var(--text-heading-heading2-weight);
  font-size: var(--text-heading-heading2-size);
  line-height: var(--text-heading-heading2-line-height);
  letter-spacing: var(--text-heading-heading2-letter-spacing);
}
.text-heading-heading3 {
  font-family: var(--text-heading-heading3-family);
  font-weight: var(--text-heading-heading3-weight);
  font-size: var(--text-heading-heading3-size);
  line-height: var(--text-heading-heading3-line-height);
  letter-spacing: var(--text-heading-heading3-letter-spacing);
}
.text-heading-heading4 {
  font-family: var(--text-heading-heading4-family);
  font-weight: var(--text-heading-heading4-weight);
  font-size: var(--text-heading-heading4-size);
  line-height: var(--text-heading-heading4-line-height);
  letter-spacing: var(--text-heading-heading4-letter-spacing);
}
.text-body-promo-body {
  font-family: var(--text-body-promo-body-family);
  font-weight: var(--text-body-promo-body-weight);
  font-size: var(--text-body-promo-body-size);
  line-height: var(--text-body-promo-body-line-height);
  letter-spacing: var(--text-body-promo-body-letter-spacing);
}
.text-body-body-paragraph {
  font-family: var(--text-body-body-paragraph-family);
  font-weight: var(--text-body-body-paragraph-weight);
  font-size: var(--text-body-body-paragraph-size);
  line-height: var(--text-body-body-paragraph-line-height);
  letter-spacing: var(--text-body-body-paragraph-letter-spacing);
}
.text-body-main-body {
  font-family: var(--text-body-main-body-family);
  font-weight: var(--text-body-main-body-weight);
  font-size: var(--text-body-main-body-size);
  line-height: var(--text-body-main-body-line-height);
  letter-spacing: var(--text-body-main-body-letter-spacing);
}
.text-body-compact-body {
  font-family: var(--text-body-compact-body-family);
  font-weight: var(--text-body-compact-body-weight);
  font-size: var(--text-body-compact-body-size);
  line-height: var(--text-body-compact-body-line-height);
  letter-spacing: var(--text-body-compact-body-letter-spacing);
}
.text-link-main-link {
  font-family: var(--text-link-main-link-family);
  font-weight: var(--text-link-main-link-weight);
  font-size: var(--text-link-main-link-size);
  line-height: var(--text-link-main-link-line-height);
  letter-spacing: var(--text-link-main-link-letter-spacing);
  text-decoration: var(--text-link-main-link-decoration);
}
.text-link-compact-link {
  font-family: var(--text-link-compact-link-family);
  font-weight: var(--text-link-compact-link-weight);
  font-size: var(--text-link-compact-link-size);
  line-height: var(--text-link-compact-link-line-height);
  letter-spacing: var(--text-link-compact-link-letter-spacing);
  text-decoration: var(--text-link-compact-link-decoration);
}
.text-caption-caption {
  font-family: var(--text-caption-caption-family);
  font-weight: var(--text-caption-caption-weight);
  font-size: var(--text-caption-caption-size);
  line-height: var(--text-caption-caption-line-height);
  letter-spacing: var(--text-caption-caption-letter-spacing);
}