:root {
    /* Brand Colors */
    --color-primary: #004d71;
    --color-secondary: #71a850;
    --color-white: #ffffff;
    /* Font */
    --font-family-base: 'SourceSans3', sans-serif;
}

/* Base Styles */
body {
    font-family: var(--font-family-base);
}

/* Headings */
h1, .h1 {
    color: var(--color-primary);
}

h2, .h2,
h3, .h3 {
    color: var(--color-secondary);
}

/* Buttons */
.btn-success {
    background-color: var(--color-secondary);
}

.btn-outline-success {
    border-color: var(--color-secondary);
}

    .btn-outline-success:hover {
        background-color: var(--color-secondary);
    }

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

    .btn-primary:hover {
        text-decoration: underline;
    }

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

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

/* Text Colors */
.text-success {
    color: var(--color-secondary) !important;
}

.text-primary {
    color: var(--color-primary) !important;
}

/* Backgrounds */
.bg-success {
    background-color: var(--color-secondary) !important;
}

.bg-primary {
    background-color: var(--color-primary) !important;
}

.veic-footer {
    background-color: var(--color-secondary) !important;
}

/* Links & Navigation */
.navbar a,
.nav-link,
a,
.faceted-search-header {
    color: var(--color-primary);
}

.skip-to-content-link {
    background-color: var(--color-primary);
    color: var(--color-white);
}