/* ========================================
   FONT DEFINITIONS
   ======================================== */

/* Museo Slab - Using .otf fonts from local assets */
@font-face {
    font-family: 'Museo Slab';
    src: url('/assets/fonts/MuseoSlab/Museo_Slab_500.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Slab';
    src: url('/assets/fonts/MuseoSlab/Museo_Slab_500italic.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Slab';
    src: url('/assets/fonts/MuseoSlab/Museo_Slab_700.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Slab';
    src: url('/assets/fonts/MuseoSlab/Museo_Slab_700italic.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Slab';
    src: url('/assets/fonts/MuseoSlab/Museo_Slab_300.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Slab';
    src: url('/assets/fonts/MuseoSlab/Museo_Slab_900.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* ========================================
   GLOBAL TYPOGRAPHY
   ======================================== */

:root {
    --font-museo-slab: 'Museo Slab', 'museo-slab', Georgia, serif;
    --font-plus-jakarta: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Base body font */
body {
    font-family: var(--font-plus-jakarta);
}

/* ========================================
   SECTION TITLES - Museo Slab
   ======================================== */

/* Hero section title */
.hero-title,
.hero-title-rich {
    font-family: var(--font-museo-slab);
}

/* Locations section title */
#locations h2,
.ryn-locations-title {
    font-family: var(--font-museo-slab);
}

/* Value Visual section title */
.value-visual-title {
    font-family: var(--font-museo-slab);
}

/* Value App section title */
.value-app-title {
    font-family: var(--font-museo-slab);
}

/* All in One section titles */
.all-in-one-title {
    font-family: var(--font-museo-slab);
}

/* Features section title */
.features-title {
    font-family: var(--font-museo-slab);
}

/* Stay Updated section title */
#stayUpdated h3 {
    font-family: var(--font-museo-slab);
}

/* Footer headings */
footer h5,
footer .footer-heading {
    font-family: var(--font-museo-slab);
}

/* ========================================
   BODY TEXT & CARD TITLES - Plus Jakarta Sans
   ======================================== */

/* All card titles use Plus Jakarta Sans */
.all-in-one-card-title,
.features-card-title,
.value-app-card-title,
.ryn-city-name {
    font-family: var(--font-plus-jakarta);
}

/* All descriptions, subtitles, and body text */
.hero-subtitle,
.hero-subtitle-rich,
.all-in-one-card-desc,
.features-card-subtitle,
.features-card-desc,
.features-subtitle,
.value-app-description,
.value-app-card-desc,
.ryn-locations-kicker,
.all-in-one-kicker,
.audience-pill,
p,
span,
a {
    font-family: var(--font-plus-jakarta);
}

/* Navigation */
.navbar,
.nav-link,
.dropdown-item {
    font-family: var(--font-plus-jakarta);
}

/* Buttons */
.btn {
    font-family: var(--font-plus-jakarta);
}

/* Form elements */
input,
select,
textarea,
.form-control {
    font-family: var(--font-plus-jakarta);
}