:root {
    --color-primary: #727308!important;
    --color-secondary: #CCCC00!important;
    --color-body-text: #4D4D4D!important;
    --color-pdp-addtocart: #727309!important;
    --color-plp-addtocart: #727309!important;
    --font-family-base: 'Palatino Informal Sans', sans-serif;
    --font-family-secondary: 'Muli', sans-serif;


    /* Mobile (default) - Base sizes */
    --line-height-base: 1.5;
    --font-size-h1: 2rem;        /* 32px */
    --font-size-h2: 1.75rem;     /* 28px */
    --font-size-h3: 1.5rem;      /* 24px */
    --font-size-h4: 1.25rem;     /* 20px */
    --font-size-h5: 1.125rem;    /* 18px */
    --font-size-h6: 1rem;        /* 16px */
    --font-size-body: 1rem;      /* 16px */
    --font-size-button: 1.25rem; /* 20px */

    /* Line heights */
    --line-height-h1: normal;
    --line-height-h2: normal;
    --line-height-h3: normal;
    --line-height-h4: normal;
    --line-height-h5: normal;
    --line-height-h6: normal;
}


/* Tablet - md: 768px */
@media (min-width: 768px) {
    :root {
        --font-size-h1: 2.5rem;      /* 40px */
        --font-size-h2: 2rem;        /* 32px */
        --font-size-h3: 1.75rem;     /* 28px */
        --font-size-h4: 1.5rem;      /* 24px */
        --font-size-h5: 1.25rem;     /* 20px */
        --font-size-h6: 1.125rem;    /* 18px */
    }
}
/* Desktop - lg: 1024px */
@media (min-width: 1024px) {
    :root {
        --font-size-h1: 3rem;            /* 48px */
        --font-size-h2: 2.375rem;        /* 38px */
        --font-size-h3: 1.75rem;         /* 28px */
        --font-size-h4: 1.75rem;         /* 28px */
        --font-size-h5: 1.5rem;          /* 24px */
        --font-size-h6: 1.25rem;         /* 20px */

        /* Line heights */
        --line-height-h1: 1;                  /* line-height: 1 */
        --line-height-h2: 2.375rem;                     /* 28px */
        --line-height-h3: 1.75rem;                      /* 28px */

        /* Body and button - 21pt */
        --font-size-body: 1.313rem;         /* 21px */
        --font-size-button: 1.313rem;       /* 21px */
    }
}

body {
    font-family: var(--font-family-secondary);
}

h1, h2 {
    text-transform: uppercase;
    font-weight: normal;
}
a,
button,
div {
    &.pagebuilder-button-primary,
    &.pagebuilder-button-link,
    &.pagebuilder-button-secondary {
        font-family: var(--font-family-secondary);
        font-size: var(--font-size-button);
    }
}