:root {
    --color-primary-black: #000;
    --color-primary-white: #fff;
    --color-primary-white-opacity: rgba(255, 255, 255, 0.35);
    --color-brand-blue: #0044b5;
    --color-brand-blue-opacity: rgba(0, 68, 181, 0.8);
    --color-brand-light-blue: #a7d2ff;
    --color-brand-light-blue-opacity: rgba(167, 210, 255, 0.35);
    --color-brand-dark-blue: #21296b;
    --color-brand-orange-light: #ffba00;
    --color-brand-orange: #f47925;
    --color-brand-green: #009464;
    --color-brand-green-dark: #156b4c;
    --color-gray: #E1E1E1;
    --color-footer-gray: #F6F6F7;
    --color-brand-red: #fd372c;
    --color-brand-dark-red: #d12626;
    --color-brand-red-opacity: rgba(253, 55, 44, 0.8);
    --content-width-normal: 106rem;
    --content-width-wide: 140rem;
    --content-width-narrow: 78rem;
    --mobile-inline-padding: 6vw;

}

:root {
    --color-starter-theme-body-copy: #333;
    --color-starter-theme-primary: #1e2e82;
    --color-starter-theme-secondary: #9418a8;
    --color-starter-theme-light-black: #999;
}

:root {
    --font-size-body: 1.7rem;
    --font-size-h1: 5rem;
    --font-size-h2: 3rem;
    --font-size-h3: 2.8rem;
    --font-size-h4: 2.8rem;
    --font-size-h5: 2.8rem;
    --font-size-h6: 1.6rem;
}

:root {
    --font-weight-body: 400;
    --font-weight-h1: 800;
    --font-weight-h2: 800;
    --font-weight-h3: 400;
    --font-weight-h4: 600;
    --font-weight-h5: 400;
    --font-weight-h6: 600;
}

:root {
    --line-height-body: 1.5;
    --line-height-h1: 1.2;
    --line-height-h2: 1.2;
    --line-height-h3: 1.2;
    --line-height-h4: 1.2;
    --line-height-h5: 1.2;
    --line-height-h6: 1.2;
}

:root {
    --font-family-main: "Palanquin";
}

:root {
    --bu: 1rem;
    --margin-small: var(--bu);
    --margin-medium: calc(var(--margin-small) * 2);
    --margin-normal: calc(var(--margin-medium) * 2);
    --margin-large: calc(var(--margin-normal) * 2);
    --margin-extra-large: calc(var(--margin-large) * 2);
}