body .site {
    h1 {
        font-size: var(--xxl-font-size);
        line-height: 1.1em;
        text-wrap-style: pretty;
    }

    h2 {
        font-size: var(--xl-font-size);
        line-height: 1.2em;
        text-wrap-style: pretty;
    }

    h3 {
        font-size: var(--lg-font-size);
        line-height: 1.2em;
        text-wrap-style: pretty;
    }

    h4 {
        font-size: var(--md-font-size);
        line-height: 1.2em;
        text-wrap-style: pretty;
    }

    h5 {
        font-size: var(--sm-font-size);
        line-height: 1.2em;
        text-wrap-style: pretty;
    }

    h6 {
        font-size: var(--xs-font-size);
        line-height: 1.2em;
        text-wrap-style: pretty;
    }

    :is(h1, h2, h3, h4, h5, h6) {
        letter-spacing: var(--letter-spacing);
        color: #2F3336;
    }
}

body .site .c-title {
    font-weight: var(--font-weight-title);
    letter-spacing: var(--letter-spacing);
    line-height: 1.2;
    text-wrap-style: pretty;
    color: var(--primary);


    &.c-title--xxl:is(h1, h2, h3, h4, h5, h6),
    &.c-title--xxl :is(h1, h2, h3, h4, h5, h6, p, span) {
        font-size: var(--xxl-font-size);

    }

    &.c-title--xl:is(h1, h2, h3, h4, h5, h6),
    &.c-title--xl :is(h1, h2, h3, h4, h5, h6, p, span) {
        font-size: var(--xl-font-size);
    }

    &.c-title--lg:is(h1, h2, h3, h4, h5, h6),
    &.c-title--lg :is(h1, h2, h3, h4, h5, h6, p, span) {
        font-size: var(--lg-font-size);

    }

    &.c-title--md:is(h1, h2, h3, h4, h5, h6),
    &.c-title--md :is(h1, h2, h3, h4, h5, h6, p, span) {
        font-size: var(--md-font-size);
    }

    &.c-title--sm:is(h1, h2, h3, h4, h5, h6),
    &.c-title--sm :is(h1, h2, h3, h4, h5, h6, p, span) {
        font-size: var(--sm-font-size);
        line-height: 1.2;
    }

    &.c-title--xs:is(h1, h2, h3, h4, h5, h6),
    &.c-title--xs :is(h1, h2, h3, h4, h5, h6, p, span) {
        font-size: var(--xs-font-size) !important;
        letter-spacing: var(--letter-spacing-xs) !important;
    }

    &.c-title--xxs:is(h1, h2, h3, h4, h5, h6),
    &.c-title--xxs :is(h1, h2, h3, h4, h5, h6, p, span) {
        font-size: var(--xxs-font-size) !important;
        letter-spacing: var(--letter-spacing-xxs);
        font-family: "Plus Jakarta Sans";
    }

    &.c-title--blog:is(h1, h2, h3, h4, h5, h6),
    &.c-title--blog :is(h1, h2, h3, h4, h5, h6, p, span) {
        font-size: var(--font-size-blog);

    }
}