/*
 * Theme fonts: single source of truth.
 *
 * Only two families are used site-wide, both self-hosted:
 *   - Inter      → body / UI text        (var(--font-body))
 *   - Russo One  → headings / display     (var(--font-heading))
 * plus a system monospace stack for code-like text (var(--font-mono)).
 *
 * Enqueued before every other theme stylesheet (front-end, wp-login and the
 * standalone auth page), so always use the variables below instead of
 * hard-coding a font name.
 */

/* Inter */
@font-face {
    font-family: 'Inter';
    src: url('../lib/fonts/inter/Inter_24pt-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../lib/fonts/inter/Inter_24pt-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../lib/fonts/inter/Inter_24pt-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../lib/fonts/inter/Inter_24pt-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../lib/fonts/inter/Inter_24pt-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../lib/fonts/inter/Inter_24pt-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../lib/fonts/inter/Inter_24pt-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Russo One ships a single weight. Mapping it to the whole 400-900 range
   stops browsers from generating a smeared "fake bold" when a heading rule
   asks for font-weight 700/800/900. */
@font-face {
    font-family: 'Russo One';
    src: url('../lib/fonts/russo-one/RussoOne-Regular.ttf') format('truetype');
    font-weight: 400 900;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-heading: 'Russo One', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-button: var(--font-heading);           /* buttons use Russo One */
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;

    /* Heading size scale. Every heading in the theme uses one of these, so
       headings of the same level are the same size on every page. Each one
       shrinks smoothly on smaller screens (min, preferred, max). Sized for
       Russo One, which is wider than Inter. */
    --fs-hero: clamp(32px, 5.2vw, 56px);          /* big homepage / landing headline */
    --fs-page-title: clamp(28px, 3.8vw, 42px);    /* h1 on inner pages */
    --fs-section-title: clamp(24px, 3vw, 32px);   /* h2 section titles */
    --fs-card-title: clamp(18px, 1.8vw, 21px);    /* h3 card / block titles */
    --fs-subheading: 17px;                        /* h4 small headings */
}