:root {
  --c-text:       var(--c-dark);
  --c-bg:         var(--c-light);
  --c-button:     var(--c-light);
  --c-border:     var(--c-main-light);
  --c-header:     var(--c-main-light);
  --c-hover:      var(--c-highlight);
  --c-hover-text: var(--c-shade);
  --c-subtle:     var(--c-main-light);
}
/* then overwrite them with dark mode colours if preferred */
@media (prefers-color-scheme: dark) {
  :root {
    --c-text:       var(--c-light);
    --c-bg:         var(--c-dark);
    --c-button:     var(--c-dark);
    --c-border:     var(--c-main-dark);
    --c-header:     var(--c-main-dark);
    --c-subtle:     var(--c-main-dark);
    --c-hover:      var(--c-shade);
    --c-hover-text: var(--c-highlight);
  }
}
a.link {
  color: var(--c-link);
}
body{
  background-color: var(--c-bg);
  color: var(--c-text);
}
footer{
  background-color: var(--c-bg);
}
.bg-body{
  background-color: var(--c-bg) !important;
  color: var(--c-text) !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, strong, .logo {
	color: var(--c-text);
  text-shadow: 1px 1px 0 var(--c-border);
}
.h5, .h6{
	font-weight:600;
}
.card,
.modal-body,
.modal-content,
.popover,
.popover-body,
.accordion,
.accordion-body,
.tab-content,
.nav-tabs > .nav-link
{
  background-color: var(--c-bg);
  color: var(--c-text);
}
#sidebar {
  background-color: var(--c-subtle);
}
.lookup-results .results,  .lookup-results .result{
  background-color: var(--c-bg);
  color: var(--c-text);
  border-color: var(--c-border);
}
.lookup-results .result:hover{
  color: var(--c-hover-text);
  background-color: var(--c-hover);
}
.list-group-item:not(.list-group-item-primary, .list-group-item-secondary, .list-group-item-success, .list-group-item-danger, .list-group-item-warning, .list-group-item-info, .list-group-item-light, .list-group-item-dark){
  background-color: var(--c-bg);
  color: var(--c-text);
}
.btn:not(.btn-primary, .btn-secondary, .btn-success, .btn-danger, .btn-warning, .btn-info, .btn-light, .btn-dark){
  background-color: var(--c-bg);
  color: var(--c-text);
  border-color: var(--c-border);
}
.btn:hover:not(.btn-primary, .btn-secondary, .btn-success, .btn-danger, .btn-warning, .btn-info, .btn-light, .btn-dark){
  background-color: var(--c-hover);
  color: var(--c-hover-text);
}
/* TODO 2021-06-29 - specify colours in popover css */
.popover.show .arrow::after {
  border-top-color: var(--c-bg);
  border-right-color: var(--c-bg);
  border-bottom-color: var(--c-bg);
  border-left-color: var(--c-bg);
}
input,
textarea,
select,
option,
.input-group-text,
.lookup-results
{
  background-color: var(--c-bg) !important;
  color: var(--c-bg-text) !important;
  border-color: var(--c-border) !important;
}
.bg-shade {
  background-color: rgba(0,0,0,0.3);
}
.nav-tabs .nav-link.active::after {
    background-color: var(--c-bg);
    background-image: linear-gradient(180deg, var(--c-bg), var(--c-bg));
}
.navbar,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.dropdown-menu
{
  background-color: var(--c-bg);
}
.nav-tabs .nav-link:not(.active){
  border-top-color: var(--c-border);
  border-left-color: var(--c-border);
  border-right-color: var(--c-border);
  background-color: var(--c-subtle);
}
.tab-content{
	border-bottom-color: var(--c-border);
	border-left-color: var(--c-border);
	border-right-color: var(--c-border);
  border-top-color: var(--c-border);
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active
{
  color: var(--c-text);
}
.page-item .page-link {
  background-color: var(--c-button);
}
.page-item.active .page-link {
  background-color: var(--c-highlight);
}
.page-item.disabled .page-link {
  background-color: var(--c-bg);
}
.dropdown-menu{
  color: var(--c-text);
  border: 0;
}
.dropdown-item {
  color: var(--c-text);
}
.navbar a, .accordion-button {
  color: var(--c-text);
}
.navbar-collapse {
  /*margin: 0 -1em; */
}
td,
th,
tbody,
table,
.table>:not(:last-child)>:last-child>*
{
  border-color: var(--c-border);
  border-bottom-color: var(--c-border);
  background-color: var(--c-bg);
  color: var(--c-text);
}
thead,
.card-header,
.modal-header,
.modal-footer
{
  background-image: url('/image/background.png');
}
thead,
.card-header,
.modal-header,
.modal-footer,
.popover-header,
.accordion-header,
.accordion-button
{
  background-color: var(--c-subtle) !important;
}
.modal-header,
.modal-content,
.modal-footer,
.modal-body
{
  border-color: var(--c-border);
}
ul.timeline > li:before {
  border-color: var(--c-highlight);
}

/* Track */
::-webkit-scrollbar-track {
  background: var(--c-bg);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--c-subtle);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--c-shade);
}

.dropdown-item:hover, .nav-item a:hover{
  background-color: var(--c-hover);
  color: var(--c-hover-text);
}
/* end system colours */


/*manual*/
.method {
  color: #5695c9;
}
.parameter {
  color: #d46871;
}
.value {
  color: #cb9664;
}
.function {
  color: #50a4b0;
}