:root {
    --primaryfont-bold: var(--zf-secondary-bold);
    --primaryfont-semibold: var(--zf-secondary-semibold);
    --primaryfont-regular: var(--zf-secondary-regular);
    --secondaryfont-bold: var(--zf-primary-bold);
    --secondaryfont-semibold: var(--zf-primary-semibold);
    --secondaryfont-regular: var(--zf-primary-regular);
}

h1,
h2{
    font-family: var(--zf-secondary-bold);
    font-family: var(--primaryfont-bold);
}

p {
    font-family: var(--zf-primary-regular);
    font-family: var(--secondaryfont-regular);
}

h3,
h4,
h5,
h6 {
    font-family: var(--zf-secondary-semibold);
    font-family: var(--primaryfont-semibold);
}