:root{
    --font-xs: 16px;
    --font-sm: 18px;
    --font-md: 20px;
    --font-lg: 26px;

    --font-h1: 56px;
    --font-h2: 40px;
    --font-h3: 32px;
    --font-h4: 28px;
    --font-h5: 24px;
}

.text-xs{font-size: var(--font-xs) !important;}
.text-sm{font-size: var(--font-sm) !important;}
.text-md{font-size: var(--font-md) !important;}
.text-lg{font-size: var(--font-lg) !important;}
.text-xl{font-size: var(--font-xl) !important;}

.text-h1{font-size: var(--font-h1) !important;}
.text-h2{font-size: var(--font-h2) !important;}
.text-h3{font-size: var(--font-h3) !important;}
.text-h4{font-size: var(--font-h4) !important;}
.text-h5{font-size: var(--font-h5) !important;}

h1{font-size: var(--font-h1);}
h2{font-size: var(--font-h2);}
h3{font-size: var(--font-h3);}
h4{font-size: var(--font-h4);}
h5{font-size: var(--font-h5);}