/*
* Element: Headers
*/

/*Setting document variables*/
:root{
	--heading-color-primary: var(--color-text);
	--heading-color-secondary: var(--color-secondary);
}

.heading-page {
    font-size: 24px;
    color: var(--heading-color-primary);
    font-family: var(--heading-font-family);
}

/*
* Element: Headers
*/

/*Setting document variables*/
:root{
	--heading-page-color-primary: var(--color-text);
	--heading-page-color-secondary: var(--color-secondary);
}

.heading-page {
    font-size: 24px;
    color: var(--heading-color-primary);
    font-family: var(--heading-font-family);
}

Fix repeated var name in heading class
Fix repeated var name in heading class

Fix overwriting var name existing in heading.css