* {
    font-weight: 400;
    line-height: var(--line-height);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

h1 {
    font-size: var(--font-size-xxl);
    margin-bottom: var(--spacing-md);
    margin-top: 2.5em;
}

h2 {
    font-size: var(--font-size-xl);
    margin-bottom: var(--spacing-sm);
    margin-top: 2em;
}

h3 {
    font-size: var(--font-size-lg);
    margin-bottom: var(--spacing-sm);
    margin-top: 1.5em;
}

p, li {
    font-size: 1.5em;
    margin-bottom: 1.5em;
    margin-top: var(--spacing-sm);
}

body {
    font-size: var(--font-size-base);
}