body {
    font-family: var(--tams-body-font);
    color: var(--tams-color-dark);
    background-color: var(--tams-color-white);
}

h1, h2, h3, h4, h5, h6,
.display-1, .display-2, .display-3, .display-4 {
    font-family: var(--tams-display-font);
    color: var(--tams-color-dark);
    letter-spacing: 0.02em;
}

a {
    color: var(--tams-color-primary);
}

a:hover,
a:focus {
    color: var(--tams-color-primary-dark);
}

.seo-page .header {
    background-color: var(--tams-color-primary);
    color: var(--tams-color-white);
}

.seo-page .header .nav-link,
.seo-page .header .dropdown-toggle,
.seo-page .header .site-search-toggle {
    color: var(--tams-color-white);
}

.seo-page .header .dropdown-menu {
    border-color: var(--tams-color-neutral);
}

.seo-page .header .dropdown-item {
    color: var(--tams-color-dark);
}

.seo-page .header .dropdown-item:hover,
.seo-page .header .dropdown-item:focus,
.seo-page .header .dropdown-item:active {
    background-color: rgba(var(--tams-color-primary-rgb), 0.1);
    color: var(--tams-color-primary-dark);
}

.btn,
.btn.btn-primary,
.btn.btn-cta-primary,
.btn-theme,
a.btn-theme {
    border-color: var(--tams-color-primary);
    background-color: var(--tams-color-primary);
    color: var(--tams-color-white);
}

.btn:hover,
.btn:focus,
.btn.btn-primary:hover,
.btn.btn-cta-primary:hover,
.btn-theme:hover,
a.btn-theme:hover {
    border-color: var(--tams-color-primary-dark);
    background-color: var(--tams-color-primary-dark);
    color: var(--tams-color-white);
}

.btn.btn-secondary,
.btn-theme-secondary,
a.btn-theme-secondary {
    border-color: var(--tams-color-neutral);
    background-color: var(--tams-color-neutral);
    color: var(--tams-color-dark);
}

.seo-page .section-light,
.seo-page .section.light {
    background-color: color-mix(in srgb, var(--tams-color-primary) 8%, var(--tams-color-white));
}

footer.footer,
.seo-page footer.footer {
    background-color: var(--tams-color-dark);
    color: var(--tams-color-white);
    border-top: 0;
}

footer.footer a,
.seo-page footer.footer a {
    color: var(--tams-color-white);
}

footer.footer a:hover,
.seo-page footer.footer a:hover {
    color: var(--tams-color-neutral);
}

footer.footer .divider {
    border-top: 1px solid var(--tams-color-neutral);
}
