/*  DEFAULTS: TYPOGRAPHY
//////////////////////////////////////////////////////////////////////////////*/

@layer defaults {
    html {
        font-family: var(--font-family-copy);
        font-weight: var(--font-weight-normal);
        font-size: var(--font-size-m);
        line-height: var(--line-height-m);
        color: var(--color-text);
    }
    @media (min-width: 980px) {
        html {
            font-size: clamp(0.75rem, 1.176vw + 0.029rem, 1rem); /* 12px@980 16px@1320 */
        }
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: var(--font-size-xl);
        line-height: var(--line-height-xl);
        letter-spacing: 0.025em;
    }

    h3,
    h4,
    h5,
    h6 {
        font-size: var(--font-size-m);
    }
    b,
    strong {
        font-weight: var(--font-weight-bold);
    }

    h1.ce_headline {
        font-size: var(--font-size-xxl);
        line-height: var(--line-height-xxl);
    }
    h2.ce_headline {
        font-size: var(--font-size-xl);
        line-height: var(--line-height-xl);
    }
    h3.ce_headline {
        font-size: var(--font-size-l);
        line-height: var(--line-height-l);
    }
    h4.ce_headline,
    h5.ce_headline,
    h6.ce_headline {
        font-size: var(--font-size-m);
        line-height: var(--line-height-m);
    }
}