.text-xs {
    font-size: var(--text-xs);
}
.text-s {
    font-size: var(--text-s);
}
.text-m {
    font-size: var(--text-m);
}
.text-l {
    font-size: var(--text-l);
}
.text-xl {
    font-size: var(--text-xl);
}
.text-2xl {
    font-size: var(--text-2xl);
}
.text-3xl {
    font-size: var(--text-3xl);
}
.text-4xl {
    font-size: var(--text-4xl);
}
H1 {
    font-size: var(--text-4xl);
    line-height: 1.1;
}
H2 {
    font-size: var(--text-3xl);
    line-height: 1.2;
}
H3 {
    font-size: var(--text-2xl);
    line-height: 1.3;
}
H4 {
    font-size: var(--text-xl);
    line-height: 1.3;
}
H5 {
    font-size: var(--text-l);
    line-height: 1.3;
}
H6 {
    font-size: var(--text-m);
    line-height: 1.4;
}
.line-height-xs {
    line-height: 1;
}
.line-height-s {
    line-height: 1.2;
}
.line-height-m {
    line-height: 1.3;
}
.line-height-l {
    line-height: 1.4;
}
.line-height-xl {
    line-height: 1.5;
}
.italic {
    font-style: italic;
}
.bold {
    font-weight: bold;
}
.lowercase {
    text-transform: lowercase;
}
.uppercase {
    text-transform: uppercase;
}
.underline {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}
.font-100 {
    font-weight: 100;
}
.font-200 {
    font-weight: 200;
}
.font-300 {
    font-weight: 300;
}
.font-400 {
    font-weight: 400;
}
.font-500 {
    font-weight: 500;
}
.font-600 {
    font-weight: 600;
}
.font-700 {
    font-weight: 700;
}
.font-800 {
    font-weight: 800;
}
.font-900 {
    font-weight: 900;
}