body {
  background-color: %colour_body_background%;
}

.body-overlay {
  background-color: %colour_body_overlay%;
}

.site-navigation-inner > ul > li > a {
  color: %colour_navigation_desktop_text%;
}

.site-navigation-inner ul ul {
  background: %colour_navigation_desktop_dropdown_background%;
}

.site-navigation-inner ul ul a {
  color: %colour_navigation_desktop_dropdown_text%;
}

.site-title a,
.site-title a:hover {
  color: %colour_site_title%;
}

.site-description {
  color: %colour_site_description%;
}

/*
   ------------------------------------
   Text colour
   ------------------------------------
*/

body,
.thead-default th,
.form-control, .form-input-field,
.btn-default,
.btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle,
.btn-default:hover,
.input-group-addon,
.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover,
.nav-tabs .nav-item.open .nav-link,
.nav-tabs .nav-item.open .nav-link:focus,
.nav-tabs .nav-item.open .nav-link:hover {
  color: %colour_text%;
}

.modal-backdrop {
  background-color: %colour_text%;
}

/*
   ------------------------------------
   Headings colour
   ------------------------------------
*/

.tooltip-inner,
.blog-entry-title a,
a:focus, a:hover,
h1, .site-title, h2, .blog-entry-title, .blog-archive-month, .album-title, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
pre,
.dropdown-item {
  color: %colour_headings%
}

/*
   ------------------------------------
   Accent colour
   ------------------------------------
*/

a,
.btn-link,
.pagination > li > a,
.pagination > li > span,
.text-primary,
.site-navigation-inner ul ul a:focus, .site-navigation-inner ul ul a:hover,
.blog-entry-title a:focus, .blog-entry-title a:hover,
#blog-rss-feeds a:focus, #blog-rss-feeds a:hover,
#blog-categories a:focus, #blog-categories a:hover,
#blog-archives a:focus,
#blog-archives a:hover,
.blog-tag-cloud li a:focus, .blog-tag-cloud li a:hover,
.photo-links a:focus, .photo-links a:hover {
  color: %colour_accent%;
}

.dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover,
.nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover,
.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open .nav-link:focus,
.nav-pills .nav-item.open .nav-link:hover,
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover,
.label-primary,
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover,
.bg-primary {
  background-color: %colour_accent%;
}

.card-primary,
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover,
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
  border-color: %colour_accent%;
}
