:root {
    --section-header-accent-color-1: var(--secondary-color);
    --section-header-accent-color-2: var(--accent-color-2);
    --section-header-accent-color-3: var(--accent-color-1);
    --section-header-accent-color-4: var(--accent-color-3);
}

.section-header-container:nth-of-type(4n+1) .section-header:after { border-top-color: var(--section-header-accent-color-1) }
.section-header-container:nth-of-type(4n+1) .title-section-header:not(.section-header) > .content > .container > .field-name-field-paragraph-title > .field-items:after { border-top-color: var(--section-header-accent-color-1) }
.section-header-container:nth-of-type(4n+1) .section-header:before { background-color: var(--section-header-accent-color-1) }
.section-header-container:nth-of-type(4n+1) .title-section-header:not(.section-header) > .content > .container > .field-name-field-paragraph-title > .field-items:before { background-color: var(--section-header-accent-color-1) }

.section-header-container:nth-of-type(4n+2) .section-header:after { border-top-color: var(--section-header-accent-color-2) }
.section-header-container:nth-of-type(4n+2) .title-section-header:not(.section-header) > .content > .container > .field-name-field-paragraph-title > .field-items:after { border-top-color: var(--section-header-accent-color-2) }
.section-header-container:nth-of-type(4n+2) .section-header:before { background-color: var(--section-header-accent-color-2) }
.section-header-container:nth-of-type(4n+2) .title-section-header:not(.section-header) > .content > .container > .field-name-field-paragraph-title > .field-items:before { background-color: var(--section-header-accent-color-2) }

.section-header-container:nth-of-type(4n+3) .section-header:after { border-top-color: var(--section-header-accent-color-3) }
.section-header-container:nth-of-type(4n+3) .title-section-header:not(.section-header) > .content > .container > .field-name-field-paragraph-title > .field-items:after { border-top-color: var(--section-header-accent-color-3) }
.section-header-container:nth-of-type(4n+3) .section-header:before { background-color: var(--section-header-accent-color-3) }
.section-header-container:nth-of-type(4n+3) .title-section-header:not(.section-header) > .content > .container > .field-name-field-paragraph-title > .field-items:before { background-color: var(--section-header-accent-color-3) }

.section-header-container:nth-of-type(4n+4) .section-header:after { border-top-color: var(--section-header-accent-color-4) }
.section-header-container:nth-of-type(4n+4) .title-section-header:not(.section-header) > .content > .container > .field-name-field-paragraph-title > .field-items:after { border-top-color: var(--section-header-accent-color-4) }
.section-header-container:nth-of-type(4n+4) .section-header:before { background-color: var(--section-header-accent-color-4) }
.section-header-container:nth-of-type(4n+4) .title-section-header:not(.section-header) > .content > .container > .field-name-field-paragraph-title > .field-items:before { background-color: var(--section-header-accent-color-4) }