:root {
    --font-heading: 'Plus Jakarta Sans', 'Segoe UI', sans-serif;
    --font-body: 'Source Sans 3', 'Segoe UI', sans-serif;
    --font-size-base: 1.0625rem;
    --line-height-body: 1.72;
    --line-height-heading: 1.25;
    --letter-spacing-heading: -0.02em;
    --letter-spacing-label: 0.06em;
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

body {
    font-family: var(--font-body);
    font-size: var(--font-size-base);
    line-height: var(--line-height-body);
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--font-heading);
    font-weight: 700;
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-heading);
}

button,
input,
select,
textarea,
.btn {
    font-family: var(--font-body);
}

.navbar,
.nav-link,
.dropdown-menu,
.top-bar,
.page-header h1,
.hp-section-title,
.hp-hero-title,
.membership-page-label,
.gallery-album-card-body h3 {
    font-family: var(--font-heading);
}

p,
li,
td,
th,
label,
.form-control,
.form-select,
.lead,
.post-content,
.wysiwyg-content {
    font-family: var(--font-body);
}