/* Style Guide */


:root {
    --primary-color: #DCA23D;
    --secondary-color: #000000;
    --tertiary-color: #ffffff;
    --background-color: #3C4043;
    --primary-font: 'Montserrat';
  }


body {
font-family: var(--primary-font), sans-serif;
background-color: var(--background-color);
color: var(--tertiary-color);

}

h1, h2, h3, h4, h5, h6 {
font-family: var(--primary-font), sans-serif;
color: var(--primary-color);
}

.callout {
    color: var(--primary-color);
    font-style: italic;
}

.card-body {
    color: lighten(var(--background-color), 20%);    
}

.card-text{
    color : var(--background-color)
}

a {
color: var(--primary-color);
}

.btn-primary {
background-color: var(--primary-color);
border-color: var(--primary-color);
}

.btn-primary:hover {
background-color: darken(var(--primary-color), 5%);
border-color: darken(var(--primary-color), 5%);
}

.section-heading::before {
background-color: var(--primary-color);
}

footer {
background-color: var(--secondary-color);
color: var(--tertiary-color);
}

footer a {
color: var(--tertiary-color);
}

footer a:hover {
color: var(--tertiary-color);
text-decoration: none;
}

footer ul.list-unstyled li {
margin-bottom: 10px;
}

footer p {
margin-bottom: 0;
}