:root, :host {
  --w-color-primary: #333333;
  --w-color-primary-200: #2a2a2a;
  --w-color-secondary: #247e00;
  --w-color-secondary-600: #247e00;
  --w-color-secondary-400: #65bc4c;
  --w-color-secondary-100: #c9e6c0;
  --w-color-secondary-75: #d2e7ce;
  --w-color-secondary-50: #e8f5e5;
  --w-color-surface-menus: #333;
  --w-color-surface-menus-item-active: #444;
}

.sidebar--slim .sidebar-custom-branding {
  margin: 5px;
  padding: 10px 0;
}

.sidebar-menu-item .force-unhighlight {
  background-color: var(--w-color-primary);
  color: #fffc;
}

.sidebar-menu-item .force-unhighlight:hover {
  background-color: var(--w-color-primary);
  color: var(--w-color-white);
}

button#wagtail-userbar-trigger {
  box-shadow: 0 0 1px 0 var(--w-color-secondary-600), 0 1px 10px 0 var(--w-color-secondary-400) !important;
}

button#wagtail-userbar-trigger:hover {
  color: unset  !important;
}