:root {
    --font-family-primary: "Helvetica Neue", Helvetica, Arial, sans-serif;
    
    /* Font Sizes */
    --font-size-base: 16px;
    --font-size-base-tablet: 15px;
    --font-size-base-mobile: 14px;
    
    /* Line Heights */
    --line-height-base: 1.6;
    --line-height-base-tablet: 1.5;
    --line-height-base-mobile: 1.5;
}

* {
    font-family: var(--font-family-primary);
}

body {
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
}

a, div, p, span, li, td, th, label, input, textarea, select, button {
    font-family: var(--font-family-primary);
}

@media (max-width: 768px) {
    body {
        font-size: var(--font-size-base-tablet);
        line-height: var(--line-height-base-tablet);
    }
}

@media (max-width: 576px) {
    body {
        font-size: var(--font-size-base-mobile);
        line-height: var(--line-height-base-mobile);
    }
}