:root {
    --font-family-primary: Barlow, Arial, sans-serif;
    --font-family-headline: Poppins, Arial, sans-serif;
    --font-family-accent: Fjalla One, Arial, sans-serif;

    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 1.875rem;
    --font-size-4xl: 2.25rem;
    --font-size-5xl: 3rem;

    --font-weight-normal: 500;
    --font-weight-medium: 500;
    --font-weight-semibold: 700;
    --font-weight-bold: 700;
    --font-weight-extrabold: 700;
    --font-weight-body-light: 500;
    --font-weight-body-medium: 500;
    --font-weight-body-bold: 700;
    --font-weight-headline-default: 700;

    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
}

body {
    font-family: var(--font-family-primary);
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-base);
    line-height: var(--line-height-normal);
}

p {
    font-family: var(--font-family-primary);
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-base);
    line-height: var(--line-height-normal);
}

a {
    font-family: var(--font-family-primary);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-base);
    line-height: var(--line-height-normal);
}

button {
    font-family: var(--font-family-primary);
    font-weight: var(--font-weight-medium);
}

input {
    font-family: var(--font-family-primary);
    font-weight: var(--font-weight-normal);
}

textarea {
    font-family: var(--font-family-primary);
    font-weight: var(--font-weight-normal);
}

select {
    font-family: var(--font-family-primary);
    font-weight: var(--font-weight-normal);
}

label {
    font-family: var(--font-family-primary);
    font-weight: var(--font-weight-medium);
}