@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Raleway:wght@200;300;400;500;600;700&display=swap');

:root {
    --navy-deep: #0c1b2a;
    --navy-mid: #162d50;
    --navy-light: #1e3a5f;
    --copper-accent: #b87333;
    --copper-light: #d4956a;
    --cream-base: #f5f0e8;
    --cream-warm: #ede5d8;
    --slate-text: #3a4a5c;
}

body {
    font-family: 'Raleway', sans-serif;
    background-color: var(--cream-base);
    color: var(--slate-text);
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Libre Baskerville', serif;
}

/* Bootstrap overrides */
.btn-primary {
    background-color: var(--navy-deep);
    border-color: var(--navy-deep);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: var(--copper-accent);
    border-color: var(--copper-accent);
}
.btn-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(184, 115, 51, 0.35);
}

.btn-success {
    background-color: var(--copper-accent);
    border-color: var(--copper-accent);
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background-color: var(--copper-light);
    border-color: var(--copper-light);
}

a {
    color: var(--copper-accent);
}
a:hover {
    color: var(--copper-light);
}

::selection {
    background: var(--copper-accent);
    color: white;
}