/* Dynamic theme overrides loaded after the default styles */
html,
body,
html.uk-height-1-1,
body.uk-height-1-1 {
    background: var(--page-background-color) !important;
    background-color: var(--page-background-color) !important;
}

::selection {
    background: rgba(var(--primary-rgb), 0.22);
    color: #ffffff;
}

#tm-header {
    background: var(--header-bg-color) !important;
}

#tm-footer {
    background: var(--footer-bg-color) !important;
}

#tm-topbar .uk-navbar-nav > li > a,
#tm-footer .uk-subnav > * > *,
#tm-header .uk-navbar-nav > li > a,
#tm-header .uk-button-link,
#tm-header .uk-navbar-brand {
    color: var(--topbar-text-color) !important;
}

#tm-topbar .uk-navbar-nav > li > a:hover,
#tm-topbar .uk-navbar-nav > li > a:focus,
#tm-footer .uk-subnav > * > *:hover,
#tm-header .uk-navbar-nav > li > a:hover,
#tm-header .uk-button-link:hover {
    color: #ffffff !important;
}

.footer-bg {
    background: rgba(var(--primary-rgb), 0.18);
}

.pagebody,
.pagebody p,
.pagebody li,
.tm-article-content,
.tm-article-content p,
.tm-article-content li {
    color: var(--article-text-color);
}

.pagebody h1,
.pagebody h2,
.pagebody h3,
.pagebody h4,
.pagebody h5,
.pagebody h6,
.tm-article-content h1,
.tm-article-content h2,
.tm-article-content h3,
.tm-article-content h4,
.tm-article-content h5,
.tm-article-content h6 {
    color: var(--article-heading-color);
}

.pagebody a,
.tm-article-content a,
.text-theme-primary,
a.site-theme-link {
    color: var(--primary-color);
}

.bg-theme-gradient {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
}

.theme-border-soft {
    border-color: rgba(var(--primary-rgb), 0.18);
}

.share-hub-copy-btn:hover,
.share-hub-copy-btn:focus,
.share-hub-copy-btn.is-copied {
    color: var(--primary-color) !important;
    box-shadow: 0 10px 24px rgba(var(--primary-rgb), .16);
}