/*
 * Typography preset companions
 *
 * WordPress converts each settings.typography.fontSizes entry in theme.json
 * into a class named `.has-{slug}-font-size` and a CSS custom property named
 * `--wp--preset--font-size--{slug}`. When an editor selects a font-size preset,
 * WordPress adds that class to the block. The matching rules below augment the
 * selected size with its intended font family, weight, line height, and letter
 * spacing. Keep every selector and font-size variable aligned with the preset
 * slug in theme.json (for example, `paragraph-xl`).
 */

.has-paragraph-xl-font-size {
  font-family: var(--wp--preset--font-family--body);
  font-size: var(--wp--preset--font-size--paragraph-xl);
  font-weight: var(--wp--custom--font-weight--regular);
  line-height: 1.4;
  letter-spacing: 0;
}

.has-paragraph-l-font-size {
  font-family: var(--wp--preset--font-family--body);
  font-size: var(--wp--preset--font-size--paragraph-l);
  font-weight: var(--wp--custom--font-weight--regular);
  line-height: 1.5;
  letter-spacing: 0;
}

.has-paragraph-font-size {
  font-family: var(--wp--preset--font-family--body);
  font-size: var(--wp--preset--font-size--paragraph);
  font-weight: var(--wp--custom--font-weight--regular);
  line-height: 1.625;
  letter-spacing: 0;
}

.has-paragraph-sm-font-size {
  font-family: var(--wp--preset--font-family--body);
  font-size: var(--wp--preset--font-size--paragraph-sm);
  font-weight: var(--wp--custom--font-weight--regular);
  line-height: 1.5;
  letter-spacing: 0;
}

.has-heading-xxl-font-size {
  font-family: var(--wp--preset--font-family--heading);
  font-size: var(--wp--preset--font-size--heading-xxl);
  font-weight: var(--wp--custom--font-weight--semibold);
  line-height: 1.1;
  letter-spacing: 0;
}

.has-heading-xl-font-size {
  font-family: var(--wp--preset--font-family--heading);
  font-size: var(--wp--preset--font-size--heading-xl);
  font-weight: var(--wp--custom--font-weight--semibold);
  line-height: 1.2;
  letter-spacing: 0;
}

.has-heading-l-font-size {
  font-family: var(--wp--preset--font-family--heading);
  font-size: var(--wp--preset--font-size--heading-l);
  font-weight: var(--wp--custom--font-weight--semibold);
  line-height: 1.2;
  letter-spacing: 0;
}

.has-heading-m-font-size {
  font-family: var(--wp--preset--font-family--heading);
  font-size: var(--wp--preset--font-size--heading-m);
  font-weight: var(--wp--custom--font-weight--semibold);
  line-height: 1.4;
  letter-spacing: 0;
}

.has-heading-s-font-size {
  font-family: var(--wp--preset--font-family--heading);
  font-size: var(--wp--preset--font-size--heading-s);
  font-weight: var(--wp--custom--font-weight--semibold);
  line-height: 1.5;
  letter-spacing: 0;
}

.has-heading-xs-font-size {
  font-family: var(--wp--preset--font-family--heading);
  font-size: var(--wp--preset--font-size--heading-xs);
  font-weight: var(--wp--custom--font-weight--semibold);
  line-height: 1.5;
  letter-spacing: 0;
}

.has-preamble-font-size {
  font-family: var(--wp--preset--font-family--body);
  font-size: var(--wp--preset--font-size--preamble);
  font-weight: var(--wp--custom--font-weight--medium);
  line-height: 1.4;
  letter-spacing: 0;
}