:root {
  --zenabus: #93532f;
  --zenabus_rgb: 146, 82, 46;
  --zenabus_hs: 22, 52%;
  --zenabus_l: 38%;

  --zenabus: #2584ba;
  --zenabus_rgb: 37, 132, 186;
  --zenabus_hs: 202, 67%;
  --zenabus_l: 37%;

  --white: #ffffff;
  --dark: #333;
  --primary: #2584ba;
  --secondary: #999999;
  --success: #4bb543;
  --danger: #eb4747;
  --warning: #ebc747;
  --info: #59c5e3;

  --table: #e3e6f0;
  --color: #858796;
}

::selection {
  background: var(--zenabus);
  color: white !important;
  -webkit-text-fill-color: white;
}

.text-zenabus,
.active {
  color: var(--zenabus) !important;
}

.btn-zenabus {
  background: var(--zenabus);
  color: white;
}

.btn-zenabus:hover,
.btn-zenabus:active {
  background: #1e6c99 !important;
  color: white !important;
}

.btn-zenabus:active,
.btn-outline-zenabus:active {
  background: #18587c !important;
  color: white !important;
}

.btn-outline-zenabus {
  border: 1px solid var(--zenabus);
  color: var(--zenabus);
}

.btn-outline-zenabus:hover {
  color: white;
  background: var(--zenabus);
}

.text-gradient {
  background: -webkit-linear-gradient(315deg, var(--zenabus) 0%, #18587c 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.profile .dots-2 svg,
.profile .dots-4 svg {
  fill: var(--zenabus);
}

.bg-gradient-zenabus {
  background: var(--zenabus);
  background: linear-gradient(135deg, var(--zenabus) 0%, #18587c 100%);
}

a {
  color: var(--zenabus);
  text-decoration: none;
}

a:hover {
  color: #18587c;
}

.bg-gradient-zenabus {
  background: var(--zenabus);
  background: linear-gradient(135deg, var(--zenabus) 0%, #18587c 100%);
}