:root {
    --font-weight-bold: 700;
    --font-size-h1: 36px;
    --line-height-h1: 1.22;
    --margin-h1: 40px;
    --font-size-h2: 32px;
    --line-height-h2: 1.19;
    --margin-h2: 40px;
    --font-size-h3: 28px;
    --line-height-h3: 1.18;
    --margin-h3: 40px;
    --font-size-h4: 24px;
    --line-height-h4: 1.25;
    --margin-h4: 40px;
    --font-size-h5: 20px;
    --line-height-h5: 1.3;
    --margin-h5: 40px;
    --font-size-h6: 16px;
    --line-height-h6: 1.25;
    --margin-h6: 40px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-weight: var(--font-weight-bold);
    hyphens: auto;
    margin-block-end: 20px;
}

h1, .h1 {
    font-size: var(--font-size-h1);
    line-height: var(--line-height-h1);
}

h2, .h2 {
    font-size: var(--font-size-h2);
    line-height: var(--line-height-h2);
    margin-block-start: var(--margin-h2);
}

h3, .h3 {
    font-size: var(--font-size-h3);
    line-height: var(--line-height-h3);
    margin-block-start: var(--margin-h3);
}

h4, .h4 {
    font-size: var(--font-size-h4);
    line-height: var(--line-height-h4);
    margin-block-start: var(--margin-h4);
}

h5, .h5 {
    font-size: var(--font-size-h5);
    line-height: var(--line-height-h5);
    margin-block-start: var(--margin-h5);
}

h6, .h6 {
    font-size: var(--font-size-h6);
    line-height: var(--line-height-h6);
    margin-block-start: var(--margin-h6);
}