:root {
  --orange: #526e31;
  --orange-dark: #374e1d;
  --lime: #dcf87a;
  --muted: #5f6b55;
  --line: #e1e6da;
  background: #f4f6ef;
  color: #2a3224;
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline-color: #97ae67;
}
.brand {
  gap: 10px;
  font-size: 24px;
  letter-spacing: -1.1px;
  line-height: 1.1;
}
.brand-subtitle {
  display: block;
  font-size: 9px;
  font-weight: 450;
  letter-spacing: 0.02em;
  margin-top: 4px;
  color: #a6b295;
}
.brand-icon {
  background: var(--lime);
  color: #26351a;
  letter-spacing: -2px;
  padding-right: 2px;
  font-size: 22px;
  border-radius: 9px;
  height: 37px;
  width: 37px;
}
.button:not(.secondary):not(.danger) {
  background: var(--lime);
  color: #2b381f;
}
.button:not(.secondary):not(.danger):hover {
  background: #cde965;
}
.button.secondary {
  border-color: var(--line);
}
.sidebar {
  background: #1c2119;
  border-right: 1px solid #353d2c;
  color: #f4f7ed;
}
.sidebar .brand {
  color: #fff;
}
.workspace-switch {
  background: #262e20;
  border-color: #3a452f;
}
.workspace-switch small {
  color: #9bab89;
}
.sidebar .company-icon {
  background: #3a472c;
  color: #d5e5bd;
}
.sidebar .main-nav a {
  color: #a5b297;
}
.sidebar .main-nav a.active {
  background: #d9f485;
  color: #2c3a1c;
}
.sidebar .main-nav a:hover:not(.active) {
  background: #293322;
  color: #e1edcf;
}
.sidebar-bottom .notice {
  background: #2a3420;
  border-color: #455533;
  color: #b3c898;
}
.sidebar-bottom .notice strong {
  color: #e2f3bf;
}
.sidebar-bottom .button.secondary {
  background: #252e1e;
  border-color: #414e34;
  color: #c3d2b1;
}
.sidebar-bottom > small {
  color: #81956b;
}
.topbar {
  background: #fafff4;
}
.auth-art {
  background: #1c2119;
  color: #f4f7ed;
}
.auth-art .muted {
  color: var(--lime);
}
.auth-art > small {
  color: #a7b593;
}
.auth-art img {
  border-radius: 30px;
}
.notice {
  background: #f1f5e7;
  border-color: #dfe9ca;
  color: #536740;
}
.badge.good {
  background: #edf5de;
  color: #527235;
}
.company-icon {
  background: #e6edda;
  color: #6c8050;
}
.legal-page > .brand {
  align-items: baseline;
}
.legal-page > .brand .brand-subtitle {
  display: inline-block;
  margin-left: 4px;
  color: #677853;
}
input[type="checkbox"] {
  accent-color: #698442;
}
@media (max-width: 760px) {
  .sidebar {
    background: #1c2119;
  }
  .main-nav a.active {
    background: #d9f485;
  }
  .sidebar .brand {
    font-size: 21px;
  }
  .brand-icon {
    width: 33px;
    height: 33px;
  }
  .brand-subtitle {
    font-size: 8px;
  }
}