:root {
    --black: #000000;
    --dark-gray: #323232;
    --gray: #949494;
    --light-gray: #DDDDDD;
    --very-light-gray: #F5F5F5;
    --white: #ffffff;
    
    --red: #970000;
    
    --primary-heading: var(--black);
    --secondary-heading: var(--black);
    --tertiary-heading: var(--dark-gray);
    --body: var(--dark-gray);
    --borders: var(--light-gray);
    --links: var(--black);
    --hover: var(--gray);
    
    /*120px*/
    --xxlarge-margin: clamp(6rem, 7.5vw, 7.5rem);
    /*60px*/
    --xlarge-margin: clamp(2rem, 3.75vw, 3.75rem);
    /*40px*/
    --large-margin: clamp(1.85rem, 2.5vw, 2.5rem);
    /*30px*/
    --medium-margin: clamp(1.275rem, 1.75vw, 1.75rem);
    /*20px*/
    --small-margin: clamp(0.85rem, 1.125vw, 1.125rem);
    
    --xlarge-border-radius: 30px;
    --large-border-radius: 20px;
    --medium-border-radius: 12px;
    --small-border-radius: 4px;
    
    --lead-copy: clamp(1.75rem, 2vw, 2rem);
    --body-copy: clamp(1.35rem, 1.55vw, 1.55rem);
    --navigation: clamp(1rem, 1.45vw, 1.45rem);
    --buttons: clamp(1rem, 1.25vw, 1.125rem);
    --small-copy: clamp(1.125rem, 1.25vw, 1.25rem);
} 

/*Text Colors*/
.black{
	color: var(--black);
}

.dark-gray{
	color: var(--dark-gray);
}

.gray{
	color: var(--gray);
}

.light-gray{
	color: var(--light-gray);
}

.very-light-gray{
	color: var(--very-light-gray);
}

.white{
	color: var(--white);
}

.dark-green{
	color: var(--dark-green);
}

.red{
	color: var(--red);
}

/*Background Colors*/
.bg-black{
    background-color: var(--black);
    color: var(--white);
}

.bg-white{
	background-color: var(--white);
}