/* ============================================================
   Etlon UI Kit — Typography utility classes
   1-to-1 mirror of Figma UIKIT > Typography section.
   Each style is wired to tokens from etlon-tokens.css /
   akno-tokens.css. Components in Etlon/Atoms / Etlon/Molecules
   reference these classes directly.
   ============================================================ */
.etlon-type-heading1,
.etlon-type-heading2-medium,
.etlon-type-heading2-regular,
.etlon-type-title0-regular,
.etlon-type-title0-light,
.etlon-type-title1-medium,
.etlon-type-title1-regular,
.etlon-type-title2,
.etlon-type-title2-regular,
.etlon-type-subhead,
.etlon-type-paragraph-regular,
.etlon-type-paragraph-light {
  font-family: var(--etlon-type-font-family);
  line-height: var(--etlon-type-line-height);
  letter-spacing: var(--etlon-type-letter-spacing);
  margin: 0;
}

.etlon-type-heading1 {
  font-size: var(--etlon-type-heading1-size);
  font-weight: var(--etlon-type-heading1-weight);
}

.etlon-type-heading2-medium {
  font-size: var(--etlon-type-heading2-size);
  font-weight: var(--etlon-type-heading2-medium-weight);
}

.etlon-type-heading2-regular {
  font-size: var(--etlon-type-heading2-size);
  font-weight: var(--etlon-type-heading2-regular-weight);
}

.etlon-type-title0-regular {
  font-size: var(--etlon-type-title0-size);
  font-weight: var(--etlon-type-title0-regular-weight);
}

.etlon-type-title0-light {
  font-size: var(--etlon-type-title0-size);
  font-weight: var(--etlon-type-title0-light-weight);
}

.etlon-type-title1-medium {
  font-size: var(--etlon-type-title1-size);
  font-weight: var(--etlon-type-title1-medium-weight);
}

.etlon-type-title1-regular {
  font-size: var(--etlon-type-title1-size);
  font-weight: var(--etlon-type-title1-regular-weight);
}

.etlon-type-title2,
.etlon-type-title2-regular {
  font-size: var(--etlon-type-title2-size);
  font-weight: var(--etlon-type-title2-weight);
}

.etlon-type-subhead {
  font-size: var(--etlon-type-subhead-size);
  font-weight: var(--etlon-type-subhead-weight);
}

.etlon-type-paragraph-regular {
  font-size: var(--etlon-type-paragraph-size);
  font-weight: var(--etlon-type-paragraph-regular-weight);
}

.etlon-type-paragraph-light {
  font-size: var(--etlon-type-paragraph-size);
  font-weight: var(--etlon-type-paragraph-light-weight);
}