:root {
    /* Small text */
    --text-xs: 12px;
    --text-sm: 14px;
    --text-md: 16px;
    --text-lg: 18px;
    /* Sub headings */
    --heading-sm: 20px;
    --heading-md: 24px;
    --heading-lg: 32px;
    --heading-xl: 40px;
    /* Big display text */
    --display-sm: 48px;
    --display-md: 56px;
    --display-lg: 64px;

    --font-primary: 'DM Sans', sans-serif;
}
html, body {
    font-family: var(--font-primary);
}