/* typography.css - Font styles and text classes */

.font-title {
    font-family: var(--font-serif);
    font-weight: 700;
    font-size: clamp(2.5rem, 5vw, 3rem); /* 44-48px range */
    line-height: 1.25;
}

.font-subtitle {
    font-family: var(--font-sans);
    font-weight: 400;
    font-size: clamp(1.375rem, 3vw, 1.625rem); /* 24-28px range */
    line-height: 1.5;
}

.font-headline {
    font-family: var(--font-serif);
    font-weight: 600;
    font-size: clamp(1.75rem, 4vw, 2.25rem); /* 28-36px range */
    line-height: 1.3;
}

.font-subheading {
    font-family: var(--font-sans);
    font-weight: 600;
    font-size: clamp(1.25rem, 2.5vw, 1.375rem); /* 20-22px range */
    line-height: 1.4;
}

.font-body {
    font-family: var(--font-sans);
    font-weight: 400;
    font-size: clamp(1rem, 2.5vw, 1.125rem); /* 17-18px range */
    line-height: 1.7;
}

.font-quote {
    font-family: var(--font-serif);
    font-style: italic;
    font-weight: 400;
    font-size: clamp(1.125rem, 2.5vw, 1.25rem); /* 18-20px range */
    line-height: 1.7;
}

.font-button {
    font-family: var(--font-sans);
    font-weight: 600;
    font-size: var(--font-size-base);
    line-height: 1.25;
    text-transform: none;
}

.font-caption {
    font-family: var(--font-sans);
    font-weight: 400;
    font-size: var(--font-size-caption);
    line-height: 1.5;
}