/**
 * Typography: fonts and the type scale as custom properties. Variables only.
 *
 * This is the file a project edits. The rules that apply these variables to
 * elements live in base.css.
 *
 * Fonts: the base theme ships with a system font stack and loads nothing.
 * A project self-hosts its fonts with GP Premium's Font Library (Appearance >
 * Font Library; Google fonts are downloaded to the site, visitors never load
 * them from Google) and points --main-font / --title-font at the family name
 * with the system stack as fallback. No GP Font Manager Google Fonts, no
 * enqueue of our own. includes/setup/fonts.php rebuilds the library's
 * fonts.css after the site moves to another address.
 *
 * Sizes are fluid: clamp(min, preferred, max) replaces per-breakpoint sizes.
 * Preferred grows with the viewport between the phone and desktop values.
 */

:root {
    --main-font: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --title-font: var(--main-font);

    --base-font-size: 17px;
    --base-line-height: 1.55;

    --h1-size: clamp(2.5rem, 1.6rem + 2.6vw, 3.75rem); /* 60px on desktop (XD) */
    --h2-size: clamp(2.1rem, 1.4rem + 2.2vw, 3.75rem); /* 60px: section titles (XD) */
    --h3-size: clamp(1.4rem, 1.1rem + 0.8vw, 1.875rem); /* 30px: card titles (XD) */
    --h4-size: 1.2rem;
    --h5-size: 1rem;
    --h6-size: 0.9rem;

    --heading-weight: 700;
    --heading-line-height: 1.08;

    --nav-font-size: 16px;
    --nav-font-weight: 700;
}