:root {
  --brand: #facc15 !important;
  --brand-dark: #eab308 !important;
  --ink: #111111 !important;
  --nav: #080808 !important;
}

::selection {
  background: #facc15;
  color: #111111;
}

.sidebar {
  background: #080808 !important;
  border-right-color: rgba(250, 204, 21, .14) !important;
}

.brand {
  min-height: 96px;
}

.brand-mark {
  width: 54px !important;
  height: 62px !important;
  flex: 0 0 54px;
  background: #080808 url("../assets/images/abbizonenobg.png") center / contain no-repeat !important;
  color: transparent !important;
  font-size: 0 !important;
}

.brand-name {
  color: #ffffff;
}

.brand-sub {
  color: rgba(255, 255, 255, .43) !important;
}

.nav-item.active {
  color: #facc15 !important;
  border-left-color: #facc15 !important;
  background: rgba(250, 204, 21, .10) !important;
}

.nav-item:hover {
  color: #facc15 !important;
  background: rgba(250, 204, 21, .06) !important;
}

.topbar {
  border-bottom-color: rgba(17, 17, 17, .14) !important;
}

.eyebrow,
.section-kicker,
.card-kicker,
.shift-date {
  color: #9a6d00 !important;
}

.panel.dark {
  border-top: 3px solid #facc15 !important;
}

.btn-primary,
.btn-accept,
.generate,
.submit {
  background: #facc15 !important;
  color: #111111 !important;
}

.btn-primary:hover,
.btn-accept:hover,
.generate:hover,
.submit:hover {
  background: #eab308 !important;
}

.action-btn:hover,
.small-btn:hover,
.toolbar button:hover {
  border-color: #d6a900 !important;
  color: #8a6200 !important;
}

.act-edit,
.download {
  color: #8a6200 !important;
}

.bar-fill,
.progress-fill,
.prog-fill {
  background-color: #facc15;
}

.mode-bar,
.status-prospect,
.status-progress,
.chip-inprog,
.doc-type {
  background: #fef9c3 !important;
  color: #713f12 !important;
}

tr.editing-row {
  background: #fffbeb !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: #d6a900 !important;
  box-shadow: 0 0 0 3px rgba(250, 204, 21, .16);
}

.login-panel {
  background: #101010 !important;
  color: #ffffff;
}

.login-card h2 {
  color: #ffffff;
}

.login-card > p {
  color: rgba(255, 255, 255, .52) !important;
}

.login-panel label {
  color: rgba(255, 255, 255, .48) !important;
}

.login-panel input {
  border-color: rgba(255, 255, 255, .14) !important;
  background: #080808;
  color: #ffffff;
}

.login-panel .input-wrap i,
.login-panel .password-toggle {
  color: rgba(255, 255, 255, .45) !important;
}

.login-panel .public-link {
  color: rgba(255, 255, 255, .55) !important;
}

.login-panel .public-link:hover {
  color: #facc15 !important;
}

.message.info {
  background: rgba(250, 204, 21, .13) !important;
  color: #fde68a !important;
}

.brand-panel::after {
  border-color: rgba(250, 204, 21, .13) !important;
  box-shadow:
    0 0 0 90px rgba(250, 204, 21, .025),
    0 0 0 180px rgba(250, 204, 21, .016) !important;
}

@media (max-width: 780px) {
  .brand-mark {
    width: 48px !important;
    height: 56px !important;
    flex-basis: 48px;
  }
}