:root {
    /* Families */
    --font-sans: "Lato", sans-serif;
    --font-serif: "Cormorant", serif;

    --font-body: var(--font-sans);
    --font-ui: var(--font-sans);
    --font-heading: var(--font-serif);

    /* Sizes */
    --font-size-body: clamp(
        1rem,
        calc(0.9545rem + 0.227vw),
        1.125rem
    );

    --font-size-h1: clamp(
        2.25rem,
        calc(2.1136rem + 0.682vw),
        2.625rem
    );

    --font-size-h2: clamp(
        1.875rem,
        calc(1.7614rem + 0.568vw),
        2.125rem
    );

    --font-size-h3: clamp(
        1.5rem,
        calc(1.4773rem + 0.114vw),
        1.625rem
    );

    --font-size-h4: 1.25rem;
    --font-size-h5: 1rem;
    --font-size-h6: 0.8125rem;

    --font-size-small: 0.8125rem;
    --font-size-tiny: 0.6875rem;

    /* Weights */
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
}

body {
    font-family: var(--font-body);
    font-size: var(--font-size-body);
    font-weight: 400;
    line-height: 1.6;
}

h1,
h2,
h3,
h4 {
    font-family: var(--font-heading);
}

h1 {
    font-size: var(--font-size-h1);
    font-weight: 700;
    line-height: 1.05;
}

h2 {
    font-size: var(--font-size-h2);
    font-weight: 700;
    line-height: 1.1;
}

h3 {
    font-size: var(--font-size-h3);
    font-weight: 600;
    line-height: 1.15;
}

h4 {
    font-size: var(--font-size-h4);
    font-weight: 600;
    line-height: 1.2;
}

h5 {
    font-family: var(--font-ui);
    font-size: var(--font-size-h5);
    font-weight: 700;
    line-height: 1.3;
}

h6 {
    font-family: var(--font-ui);
    font-size: var(--font-size-h6);
    font-weight: 700;
    line-height: 1.4;
}