:root {
    --font-size-xs: 11px;
    --font-size-sm: 12px;
    --font-size-md: 14px;
    --font-size-lg: 16px;
    --font-size-xl: 20px;
    --font-size-2xl: 24px;

    --line-height-normal: 1.5;
    --line-height-heading: 1.25;
}

body {
    font-family: var(--font-main);
    font-size: var(--font-size-md);
    line-height: var(--line-height-normal);
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4 {
    line-height: var(--line-height-heading);
    font-weight: 650;
    color: var(--text);
}

h1 {
    font-size: var(--font-size-2xl);
}

h2 {
    font-size: var(--font-size-xl);
}

h3 {
    font-size: var(--font-size-lg);
}

small,
.text-small {
    font-size: var(--font-size-sm);
}

.text-muted {
    color: var(--text-secondary);
}

.text-bold {
    font-weight: 600;
}