/**
 * JAUREA Typography
 *
 * @package JAUREA_Child
 */

/* =========================================
   HEADINGS
   ========================================= */

.jaurea-heading,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--jaurea-font-heading);
    color: var(--jaurea-text-primary);
    font-weight: var(--jaurea-weight-medium);
    line-height: var(--jaurea-leading-tight);
    letter-spacing: -0.015em;
}


/* =========================================
   HEADING SIZES
   ========================================= */

.jaurea-h1 {
    font-size: var(--jaurea-text-6xl);
}

.jaurea-h2 {
    font-size: var(--jaurea-text-5xl);
}

.jaurea-h3 {
    font-size: var(--jaurea-text-4xl);
}

.jaurea-h4 {
    font-size: var(--jaurea-text-3xl);
}

.jaurea-h5 {
    font-size: var(--jaurea-text-2xl);
}

.jaurea-h6 {
    font-size: var(--jaurea-text-xl);
}


/* =========================================
   BODY
   ========================================= */

.jaurea-text {
    font-family: var(--jaurea-font-body);
    color: var(--jaurea-text-primary);
}

.jaurea-text-secondary {
    color: var(--jaurea-text-secondary);
}

.jaurea-text-muted {
    color: var(--jaurea-text-muted);
}

.jaurea-text-gold {
    color: var(--jaurea-gold);
}


/* =========================================
   EYEBROW
   ========================================= */

.jaurea-eyebrow {
    display: inline-block;

    margin-bottom: var(--jaurea-space-3);

    font-family: var(--jaurea-font-ui);
    font-size: var(--jaurea-text-xs);
    font-weight: var(--jaurea-weight-medium);

    letter-spacing: 0.16em;
    text-transform: uppercase;

    color: var(--jaurea-gold);
}


/* =========================================
   SECTION TITLE
   ========================================= */

.jaurea-section-title {
    margin: 0;

    font-family: var(--jaurea-font-heading);
    font-size: clamp(
        2rem,
        4vw,
        3.5rem
    );

    font-weight: var(--jaurea-weight-medium);
    line-height: var(--jaurea-leading-tight);

    letter-spacing: -0.02em;
}


/* =========================================
   SECTION DESCRIPTION
   ========================================= */

.jaurea-section-description {
    max-width: 650px;

    margin-top: var(--jaurea-space-4);

    color: var(--jaurea-text-secondary);

    font-family: var(--jaurea-font-body);
    font-size: var(--jaurea-text-sm);
    line-height: var(--jaurea-leading-relaxed);
}


/* =========================================
   RESPONSIVE TYPOGRAPHY
   ========================================= */

@media (max-width: 767px) {

    .jaurea-h1 {
        font-size: 2.5rem;
    }

    .jaurea-h2 {
        font-size: 2.25rem;
    }

    .jaurea-h3 {
        font-size: 1.875rem;
    }

    .jaurea-h4 {
        font-size: 1.5rem;
    }

    .jaurea-h5 {
        font-size: 1.25rem;
    }

    .jaurea-h6 {
        font-size: 1.125rem;
    }

    .jaurea-section-title {
        font-size: 2.25rem;
    }

    .jaurea-section-description {
        font-size: 0.875rem;
    }
}