/**
 * 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 {
    /* Prototype G (27.10.2026): Karla for text, Bagel Fat One for headings.
       Bagel has a single weight (400); a heavier weight would be faked bold. */
    --main-font: "Karla", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --title-font: "Bagel Fat One", "Arial Rounded MT Bold", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

    /* 18px: older growers read rules closely (decision 27.10.2026) */
    --base-font-size: 18px;
    --base-line-height: 1.55;

    /* The prototype's sizes at a 16px rem, converted to this 18px rem */
    --h1-size: clamp(1.87rem, 5vw, 3.91rem);
    --h2-size: clamp(1.78rem, 4.2vw, 3.02rem);
    --h3-size: 1.16rem;
    --h4-size: 1.05rem;
    --h5-size: 1rem;
    --h6-size: 0.9rem;

    --heading-weight: 400;
    --heading-line-height: 1.1;

    --nav-font-size: 0.9rem;
    --nav-font-weight: 700;
}