/* ==========================================================================
   Brand typography
   Playfair Display for headings, Open Sans for everything else - the pair
   matched to the client's creatives. Loaded after style.css and responsive.css
   so it settles the face without those files having to be rewritten.
   ========================================================================== */
:root {
    /* From the client's Canva file, which embeds Alice and Montserrat. */
    --font-heading: 'Alice', Georgia, 'Times New Roman', serif;
    --font-body: 'Montserrat', system-ui, -apple-system, sans-serif;
}

body {
    font-family: var(--font-body);
}

/* The creatives use the serif for display headings only - hero lines and
   section titles. Card titles and the smaller headings stay on the sans, which
   is also what keeps long credential lists readable. */
h1, h2, h3,
.h1, .h2, .h3 {
    font-family: var(--font-heading);
}

h4, h5, h6,
.h4, .h5, .h6 {
    font-family: var(--font-body);
    font-weight: 600;
}

/* Buttons and small interface labels stay on the body face - a display serif
   at button size reads as a mistake. */
.btn,
button,
input,
select,
textarea {
    font-family: var(--font-body);
}