:root {
  --lee-moss-900: #1f3b28;
  --lee-moss-700: #2e5a3d;
  --lee-cream: #f7f2e5;
  --lee-hay: #e7d49a;
}

#header {
  background: linear-gradient(110deg, var(--lee-moss-900), var(--lee-moss-700));
  color: #fff;
}

#branding h1,
#branding h1 a:link,
#branding h1 a:visited {
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.02em;
  display: flex;
  align-items: center;
  gap: 10px;
}

#branding .brand-logo {
  width: 38px;
  height: 38px;
  border-radius: 8px;
  object-fit: contain;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  padding: 2px;
}

.brand-tagline {
  color: #e9f6ec;
  font-size: 12px;
  padding-right: 8px;
}

.brand-tagline-link,
.brand-tagline-link:link,
.brand-tagline-link:visited {
  color: #fff;
  text-decoration: underline;
}

.module h2,
.module caption,
.inline-group h2 {
  background: var(--lee-moss-700);
}

div.breadcrumbs {
  background: var(--lee-hay);
  color: #2d2a24;
}

div.breadcrumbs a {
  color: #2d2a24;
}

.button,
input[type=submit],
input[type=button],
.submit-row input,
a.button {
  background: var(--lee-moss-700);
}

.button:hover,
input[type=submit]:hover,
input[type=button]:hover,
.submit-row input:hover,
a.button:hover {
  background: var(--lee-moss-900);
}

body {
  background: linear-gradient(180deg, var(--lee-cream), #efe7d4);
}

.toggle-nav-sidebar {
  display: none !important;
}

body:not(.login) #nav-sidebar {
  left: 0;
  width: 280px;
  border-right: 1px solid rgba(31, 59, 40, 0.12);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 242, 229, 0.96));
}

body:not(.login).toggle-nav-sidebar-enabled #nav-sidebar {
  left: 0;
}

body:not(.login) .main.shifted,
body:not(.login) .main,
body:not(.login) #content-start,
body:not(.login) #content {
  margin-left: 0;
}

body:not(.login) #nav-filter {
  border-radius: 10px;
  border: 1px solid rgba(31, 59, 40, 0.15);
}

body:not(.login) #nav-sidebar .current-model {
  background: rgba(31, 59, 40, 0.08);
}

body:not(.login) #nav-sidebar th {
  color: #223025;
}

body:not(.login) #nav-sidebar td,
body:not(.login) #nav-sidebar a {
  color: #223025;
}

body:not(.login) #nav-sidebar caption a.section,
body:not(.login) #nav-sidebar caption a.section:link,
body:not(.login) #nav-sidebar caption a.section:visited {
  color: #fff;
}