/**
 * Typography: fonts and the type scale as custom properties. Variables only.
 *
 * Applari.fi values on the base theme's structure; the rules live in
 * base.css.
 *
 * Fonts: Swear Display (titles) comes from Adobe Fonts (Typekit kit dld8mnl,
 * enqueued in includes/theme-functions.php: Adobe Fonts cannot be
 * self-hosted through the Font Library). Albert Sans (body) is in GP's Font
 * Library. Both fall back to the system stack.
 *
 * Sizes step per breakpoint, as this site has always rendered them, instead
 * of the base theme's fluid clamp() scale.
 */

:root {
    --main-font: 'Albert Sans', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --title-font: 'swear-display', Georgia, serif;

    --base-font-size: 14px;
    --base-line-height: 1.6;

    --h1-size: 2.4rem;
    --h2-size: 2.2rem;
    --h3-size: 1.8rem;
    --h4-size: 1.2rem;
    --h5-size: 1rem;
    --h6-size: 0.9rem;

    --heading-weight: 600;
    --heading-line-height: 1.15;

    --nav-font-size: 1rem;
    --nav-font-weight: 600;
}

@media only screen and (min-width: 990px) {
    :root {
        --h1-size: 3.6rem;
        --h2-size: 3rem;
        --nav-font-size: 15px;
    }
}

@media only screen and (min-width: 1280px) {
    :root {
        --base-font-size: 16px;
    }
}