/* typography.css
   Size and line-height tokens live in variables.css
   (--fs-body, --fs-label, --fs-h3, --fs-page-title, --lh-tight, --lh-snug). */

body {
    font-family: var(--font-body);
    font-size: var(--fs-body);
    line-height: 1.5;
    color: var(--color-secondary);
    background-color: var(--color-tertiary);
}

h1,
h2,
h3,
h4,
.label {
    font-family: var(--font-heading);
    font-weight: 600;
    letter-spacing: -0.01em;
    color: var(--color-secondary);
}

h1 {
    font-size: clamp(2.5rem, 8vw, 7rem);
    line-height: 0.95;
    text-transform: uppercase;
}

h2 {
    font-size: clamp(1.75rem, 1.2895rem + 1.8421vw, 3.5rem);
    line-height: 1.05;
}

h3 {
    font-size: var(--fs-h3);
    line-height: 1.25;
}

.label {
    font-size: var(--fs-label);
    letter-spacing: 0.04em;
}

p {
    max-width: 65ch;
}

.body-text {
    font-size: var(--fs-body);
}