:root, :host {
  --w-color-primary: #015391;
  --w-color-primary-200: #004172;
  --w-color-secondary: #ffb000;
  --w-color-secondary-600: #f5b324;
  --w-color-secondary-400: #f7c93a;
  --w-color-secondary-100: #fbecb6;
  --w-color-secondary-75: #fff0c9;
  --w-color-secondary-50: #fdf8e2;
}

/* Admin Navigation */
.object > .title-wrapper {
  background: #faecd5 !important;
}

.object > .title-wrapper::before {
  background: #ffd492 !important;
  color: #262626 !important;
}

.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);
}

/* Editor */
.Draftail-Editor .DraftEditor-editorContainer h1 {
  font-size: 2.5em !important;
  font-weight: bold !important;
}

.Draftail-Editor h1 span {
  font-weight: bold !important;
}

.Draftail-Editor .DraftEditor-editorContainer h3 {
  font-weight: bold !important;
  font-size: 1.2em !important;
}

.c-sf-block .comment {
  padding: 0;
  display: inline;
  border: none;
  background-color: transparent;
  font-size: unset;
}

/* Userbar */
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;
}

.w-userbar__item {
  padding-left: 0;
}