/* ===== Brand Colors ===== */

:root {
	/* ===== Solid Colors ===== */
    --gold: #E2B76E;
	--dark-gold: #A37B40;
	--black: #0D0D0D;
    --anthrax: #2A2A28;
}	

/* ===== Text ===== */

body {
    font-family: sans-serif;	
}	

h1, h2, h3, h4, .brand-title {
	font-family: 'Playfair Display', serif;
	letter-spacing: 1px;
}	

/* ===== Titles ===== */

.brand-gold {
	color: var(--gold);
}

.brand-dark-gold {
    color: var(--dark-gold);
}

/* ===== Navbar ===== */

.navbar {
    background-color: var(--anthrax);
}

.navbar .nav-link,
.navbar .navbar-brand {
    color: var(--gold) !important;
}

.navbar .navlink:hover {
    color: var(--dark-gold) !important;
}

/* ===== Buttons ===== */
.btn-gold {
    background-color: var(--gold);
    color: var(--dark-gold);
    border: none;
}

.btn-black:hover {
    background-color: #A37B40;
}	

/* ===== Footer ===== */
.footer-brand {
    background-color: var(--anthrax);
	color:  var(--gold);
}