/**
 * 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.
 *
 * Hers Klub (11.11.2026): Jost for text (400, 500, 600), Playfair Display
 * Black for headings (700 for numbers and event titles), both in the Font
 * Library. Sizes from the client's site draft.
 */

:root {
    --main-font: "Jost", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --title-font: "Playfair Display", Georgia, "Times New Roman", serif;

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

    --h1-size: clamp(44px, 6vw, 84px);
    --h2-size: clamp(36px, 4.4vw, 60px);
    --h3-size: clamp(28px, 2.6vw, 34px);
    --h4-size: 1.2rem;
    --h5-size: 1rem;
    --h6-size: 0.9rem;

    --heading-weight: 900;
    --heading-line-height: 1.04;

    --nav-font-size: 15px;
    --nav-font-weight: 500;
    --nav-letter-spacing: 0.16em;
    --nav-text-transform: uppercase;
}