:root {
    /* COLORS */
    --primary-usf-green: #006747;
    --primary-gold: #CFC493;
    --secondary-evergreen: #005432;
    --secondary-sand: #EDEBD1;
    --accent-apple: #9CCB3B;
    --accent-lemongrass: #DBE442;
    --accent-teal: #009374;
    --accent-seaglass: #80B0A6;
    --accent-storm: #006484;
    --accent-sky: #29AFCE;
    --neutral-silver: #CAD2D8;
    --neutral-gray: #7E96A0;
    --neutral-slate: #466069;
	--neutral-soft-black: #303434;
    --transparent: rgba(255, 0, 0, 0);

    /* FONT FAMILIES */
    --primary-font: "Open Sans", "Arial", sans-serif;
    --secondary-font: "Barlow Condensed", sans-serif;

    /* FONT SIZES */
    --font-size-h1: 3rem;
    --font-size-h2: 2.25rem;
    --font-size-h3: 1.875rem;
    --font-size-h4: 1.5rem;
    --font-size-h5: 1.25rem;
    --font-size-h6: 1.125rem;

    --font-size-lead: 1.25rem;
    --font-size-body: 1rem;
    --font-size-button: 0.875rem;
    --font-size-caption: 0.875rem;
    --font-size-overline: 0.75rem;

    /* LINE HEIGHT SPACING */
    --line-height-h1: calc(var(--font-size-h1) * 1.5);
    --line-height-h2: calc(var(--font-size-h2) * 1.4);
    --line-height-h3: calc(var(--font-size-h3) * 1.4);
    --line-height-h4: calc(var(--font-size-h4) * 1.5);
    --line-height-h5: calc(var(--font-size-h5) * 1.6);
    --line-height-h6: calc(var(--font-size-h6) * 1.6);
    --line-height-lead: calc(var(--font-size-lead) * 1.4);
    --line-height-body: calc(var(--font-size-body) * 1.6);
    --line-height-caption: calc(var(--font-size-caption) * 1.3);

    /* LETTER SPACING */
    --letter-spacing-h1: calc(var(--font-size-h1) * -1);
    --letter-spacing-h2: calc(var(--font-size-h2) * -0.025);
    --letter-spacing-h3: calc(var(--font-size-h3) * -0.5);
    --letter-spacing-h4: calc(var(--font-size-h4) * -0.25);
    --letter-spacing-h5: calc(var(--font-size-h5) * 0);
    --letter-spacing-h6: calc(var(--font-size-h6) * 0.5);
    --letter-spacing-lead: calc(var(--font-size-lead) * -0.01);
    --letter-spacing-body: normal;
    --letter-spacing-caption: calc(var(--font-size-caption) * 0.02);

    /* TEXT */
    --text-white: #ffffff;
	--text-light: #ffffff;
    --text-dark: #303434;

    /* HR WEIGHTS */
    --hr-medium-weight: 0.1875rem;
    --hr-heavy-weight: 0.313rem;

    /* GRADIENTS */
    --gradient-green: url('https://devsite.usf.edu/test-jessieg/ui-component-library/images/green-gradient.jpg');
    --gradient-seaglass: url('https://devsite.usf.edu/test-jessieg/ui-component-library/images/seaglass-gradient.jpg');
}