:root {
  --background-color: #ffffff;
  --color: #333333;
  --link-color: #007b81;
  --active-color: #009ca3;
  --main-content-color: #e9e9e9;
  --main-content-color-child: #ebebeb;
  --main-content-color-border: #d5d5d5;
  --main-content-color-border-2: #cbcbcb;
  --border-color: #cbcbcb;
  --pass-color: #025357;
  --fail-color: #ea6575;
  --warn-color: #ffc76e;
  --unknown-color: #33333380;
  --domainstats-bars-color: #e22134;
  --gray-bar-color: #b9bdc3;
  --green-bar-color: #32966c;
  --domainstats-bars-text-color: #333333;
  --signed-color: #000000;
  --input-background-color: #f5f5f5;
  --hover-background-color: #f7f7f7;
  --hover-color: #656565;
  --button-background-color: #f5f5f5;
  --button-color: #000000;
  --button-shadow-color: rgba(138, 138, 138, 0.3);
  --color-scheme: light;
  --table-header-color: #009ca3;
  --button-hover-color: #007b81;
  --table-border-color: #cbcbcb;
  --project-name-color: #000000;
}

body.abion {
  --background-color: #101118;
  --color: #738290;
  --link-color: #ABB4BC;
  --active-color: #fff;
  --main-content-color: #1c1e28;
  --main-content-color-child: #16181e;
  --main-content-color-border: #262b45;
  --main-content-color-border-2: #30354e;
  --border-color: #2A3035;
  --pass-color: #708D81;
  --fail-color: #EB5160;
  --warn-color: #F1B077;
  --unknown-color: #2A3035;
  --domainstats-bars-color: #b42937;
  --gray-bar-color: #a5aab0;
  --green-bar-color: #267454;
  --domainstats-bars-text-color: #738290;
  --signed-color: #fff;
  --input-background-color: #101118;
  --hover-background-color: #2A3035;
  --hover-color: #fff;
  --button-background-color: #101118;
  --button-color: #abb4bc;
  --button-shadow-color: rgba(138, 138, 138, 0.3);
  --color-scheme: dark;
  --table-header-color: #708D81;
  --button-hover-color: #abb4bc;
  --table-border-color: #2A3035;
  --project-name-color: #ffffff;
}

* {
  color-scheme: var(--color-scheme);
}

/* Body, Links and Header Texts */
body {
  background-color: var(--background-color);
  color: var(--color);
}

a:link,
a:visited {
  color: var(--link-color);
}

a:active,
a:hover {
  color: var(--active-color);
}

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

h1.domainname {
  color: var(--link-color);
}

.org-domain h3 {
  color: var(--link-color);
}

.project-name {
  color: var(--project-name-color);
}

/* Tables */
thead {
  background-color: var(--table-border-color);
  color: var(--project-name-color);
}

/* Bar Colors and Elements */
.main-content,
.domainstats,
.section-content,
.filter-bar-in,
#totalstats-left,
#totalstats-right {
  box-shadow: 0 0 15px var(--main-content-color-border-2);
  border: 3px solid var(--main-content-color-border-2);
  background-color: var(--background-color);
}

.org-wrapper {
  border: 1px solid var(--main-content-color-border);
  width: 100%;
}

.domain-recordstatus {
  color: #fff;
}

.hoverinfo {
  background-color: var(--hover-background-color);
  color: var(--hover-color);
  border: 1px solid var(--border-color);
}

.domainstats-bars {
  background-color: var(--domainstats-bars-color);
}

.red-bar {
  background-color: var(--domainstats-bars-color);
}

.gray-bar {
  background-color: var(--gray-bar-color);
}

.green-bar {
  background-color: var(--green-bar-color);
}

.domainstats-bars-text {
  color: var(--domainstats-bars-text-color);
}

span.fi {
  box-shadow: 0 0 4px var(--color)
}

/* Select and Input Styles */
select {
  border: 1px solid var(--border-color);
}

span.select2-selection.select2-selection--multiple {
  border: 1px solid var(--border-color);
  background-color: var(--input-background-color);
}

input[type="text"],
input[type="password"],
input[type="date"] {
  background-color: var(--input-background-color);
  color: var(--button-color);
}

input#start,
input#start:hover,
input#start:active,
input#start:focus,
input#start::selection,
select#domains,
select#domains:hover,
select#domains::selection {
  background-color: var(--input-background-color);
  color: var(--color);
}

.input-error {
  border-color: var(--fail-color);
}

.org-domains {
  background-color: var(--main-content-color-child);
}

/* Button Styles */
input[type="submit"],
button,
a.button {
  background-color: var(--button-background-color);
  color: var(--link-color);
  box-shadow: 0 0 10px var(--button-shadow-color);
}

input[type="submit"]:hover,
button:hover,
a.button:hover {
  background-color: var(--hover-background-color);
  color: var(--active-color);
}

.summary-selector button {
  border-bottom: 2px solid var(--link-color);
  transition: border-bottom 0.4s ease, background-color 0.4s ease;
  border-radius: 3px;
}

.summary-selector button:hover {
  border-bottom: 2px solid var(--active-color);
  background-color: var(--main-content-color-child);
}

.summary-selector button.summarySelected {
  border-bottom: 2px solid var(--active-color);
  background-color: var(--main-content-color-child);
}

/* Login Container Styles */
.login-container {
  border: 1px solid var(--color);
  background-color: var(--background);
  box-shadow: 0 0 10px var(--button-shadow-color);
}

.login-container input[type="text"],
.login-container input[type="password"] {
  border: 1px solid var(--color);
}

.login-container input[type="submit"] {
  background-color: var(--background-color);
  color: var(--button-color);
  border: 1px solid var(--color);
}

.login-container input[type="submit"]:hover {
  background-color: var(--hover-background-);
}

/* Error Styles */
.error-message {
  color: var(--fail-color);
}

/* Status Colors */
.pass {
  color: var(--pass-color);
}

.fail {
  color: var(--fail-color);
}

.warn,
.temperror {
  color: var(--warn-color);
}

.unknown {
  color: var(--unknown-color);
}

.signed {
  color: var(--signed-color);
}