:root {
  --tamanho-base-cabecalho: 1.7rem; /* Define um tamanho base, por exemplo 24px */
}

h1, h2, h3, h4, h5, h6, h7 {
    font-weight: bold;
    color: #555555;
    margin-top: 10px;
    margin-bottom: 10px;
}

h1 {
    font-size: var(--tamanho-base-cabecalho) !important;
}

h2 {
    font-size: calc(var(--tamanho-base-cabecalho) * 0.85); /* 85% do tamanho base */
}

h3 {
    font-size: calc(var(--tamanho-base-cabecalho) * 0.75); /* x% do tamanho base */
}

h4 {
    font-size: calc(var(--tamanho-base-cabecalho) * 0.65); /* x% do tamanho base */
}

h5 {
    font-size: calc(var(--tamanho-base-cabecalho) * 0.55); /* x% do tamanho base */
}

h6 {
    font-size: calc(var(--tamanho-base-cabecalho) * 0.45); /* x% do tamanho base */
}

h7 {
    font-size: calc(var(--tamanho-base-cabecalho) * 0.35); /* x% do tamanho base */
}