:root {
    --font-xs: 0px;
    --font-sm: 16px;
    --font-md: 22px;
    --font-lg: 28px;
    --font-xl: 36px;
    --font-xxl: 48px;
}

p {
    font-size: 16px;
}

h1 {
    font-size: var(--font-xxl);
    font-weight: 700;
    line-height: 1.17;
    text-transform: uppercase;
}

h2 {
    font-size: var(--font-xl);
    font-weight: 700;
    line-height: 1.22;
    text-transform: uppercase;
}

.paragraph-xl {
    font-size: var(--font-lg);
    line-height: 1.28;
}

.paragraph-lg {
    font-size: var(--font-md);
    line-height: 1.36;
}

.paragraph-md {
    font-size: var(--font-sm);
    line-height: 1.5;
}