/* ==========================================================================
   Typography
   ========================================================================== */

/* Headings */
h1, h2, h3, h4 {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-weight: 400;
    line-height: 1.2;
}

h1 {
    font-size: clamp(3rem, 6vw, 5rem);
    font-weight: 300;
}

h2 {
    font-size: var(--text-4xl);
    font-weight: 300;
}

h3 {
    font-size: var(--text-2xl);
}

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

/* Handwritten Style */
.handwritten {
    font-family: 'Caveat', cursive;
}

/* Section Labels */
.section-label {
    font-family: 'Caveat', cursive;
    font-size: 1.3rem;
    color: var(--terracotta);
    margin-bottom: 1rem;
}

/* Drop Cap */
.drop-cap::first-letter {
    font-family: 'Cormorant Garamond', serif;
    font-size: 4rem;
    float: left;
    line-height: 0.8;
    padding-right: 0.5rem;
    color: var(--terracotta);
}

/* Emphasis */
em {
    font-style: italic;
    color: var(--terracotta);
}

/* Small text */
.text-small {
    font-size: var(--text-sm);
    color: var(--ink-muted);
}

/* Muted text */
.text-muted {
    color: var(--ink-muted);
}

/* Lead paragraph */
.lead {
    font-size: var(--text-xl);
    color: var(--ink-light);
    line-height: 1.8;
}