/*
 * Bespoke Selections typography
 * - Headlines:            Garamond      (EB Garamond web font)
 * - Secondary headlines:  Avenir Medium, caps
 * - Body text:            Avenir Book
 *
 * Avenir is a licensed font that is not on Google Fonts. The stacks below use
 * Avenir where the visitor has it installed (e.g. macOS / iOS) and fall back to
 * Nunito Sans. If Avenir web-font files are licensed, add @font-face rules here
 * and they will be picked up automatically.
 * Loaded after the theme's style.css so the variables below take over.
 */

:root {
    --font-headline: 'EB Garamond', Garamond, 'Times New Roman', serif;
    --font-body: 'Avenir', 'Avenir Next', 'Nunito Sans', 'Helvetica Neue', Arial, sans-serif;

    /* theme variables used by style.css */
    --font-global: var(--font-body);
    --font-global-alt: var(--font-body);
}

body {
    font-family: var(--font-body);
    font-weight: 400; /* Avenir Book */
}

/* Secondary headlines: Avenir Medium, caps */
.subhead {
    font-family: var(--font-body);
    font-weight: 500;
    text-transform: uppercase;
}

/* Page intro titles (THE EDIT, OUR WORLD, DIVING DEEPER...): one size on every page */
.page-title,
h1.page-title {
    margin: 0;
    font-family: var(--font-headline);
    font-weight: 400;
    font-size: clamp(28px, 2.5vw, 38px);
    line-height: 1.1;
    letter-spacing: 0;
    text-transform: uppercase;
    white-space: nowrap;
    color: #8A7E2D;
}