:root {
  /* Official colors sampled from the supplied Abraço Brasília logo. */
  --brand-navy: #042953;
  --brand-gold: #c99b45;
  --brand-gold-soft: #f6edde;
  --admin-logo-height: 80px;
  --navy: var(--brand-navy);
  --navy-deep: var(--brand-navy);
  --blue: var(--brand-navy);
  --orange: var(--brand-gold);
  --gold: var(--brand-gold);
}

.site-shell :focus-visible {
  outline-color: var(--brand-gold);
}

.site-shell .mobile-drawer {
  background: #fff;
}

.site-shell .toast-notice {
  background: var(--brand-navy);
}

.site-shell .hero-copy > a {
  background: var(--brand-gold);
  border-color: var(--brand-gold);
  color: var(--brand-navy);
}

.site-shell .socials :is(a, button) {
  border-color: var(--brand-gold);
}

.site-shell .nav-submenu a:is(:hover, :focus-visible) {
  background: var(--brand-gold-soft);
}

.site-shell .mobile-drawer__footer button {
  color: var(--brand-navy);
}

/* The editorial workspace has fixed brand colors and light reading surfaces. */
.fi-body,
.fi-simple-layout,
.fi-sidebar,
.fi-sidebar-header,
.fi-topbar {
  background-color: var(--brand-navy);
}

.fi-main-ctn {
  background-color: #f5f7fb;
  border-radius: 24px;
}

.fi-simple-main {
  border-top: 4px solid var(--brand-gold);
}

.admin-brand-logo {
  display: block;
  width: auto;
  max-width: 100%;
  height: 100%;
  object-fit: contain;
}

.fi-logo {
  margin-top: 12px;
}

.admin-brand-logo--light-surface,
.fi-simple-main .admin-brand-logo--dark-surface {
  display: none;
}

.fi-simple-main .admin-brand-logo--light-surface {
  display: block;
}

.fi-topbar .fi-logo,
.fi-sidebar-header .fi-logo,
.fi-sidebar-item-label,
.fi-sidebar-item-btn > .fi-icon,
.fi-sidebar-group-btn > .fi-icon {
  color: #fff;
}

.fi-sidebar-group-label {
  color: var(--brand-gold);
}

.fi-sidebar-item-btn:is(:hover, :focus-visible) {
  background-color: #ffffff18;
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
  background-color: var(--brand-gold);
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn > :is(.fi-sidebar-item-label, .fi-icon) {
  color: var(--brand-navy);
}

.fi-topbar :is(.fi-topbar-open-sidebar-btn, .fi-topbar-close-sidebar-btn) > .fi-icon,
.fi-sidebar-header .fi-icon {
  color: var(--brand-gold);
}

.fi-btn.fi-color-primary:not(.fi-outlined) {
  background-color: var(--brand-gold);
  color: var(--brand-navy);
}

.fi-btn.fi-color-primary:not(.fi-outlined) > .fi-icon {
  color: var(--brand-navy);
}

.fi-btn.fi-color-primary:not(.fi-outlined):hover {
  background-color: var(--brand-gold-soft);
}

.fi-body :is(a, button):focus-visible {
  outline: 2px solid var(--brand-gold);
  outline-offset: 3px;
}

.admin-icon-option {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 26px;
  vertical-align: middle;
}

.admin-icon-option__glyph {
  width: 20px;
  height: 20px;
  flex: none;
  color: var(--brand-navy);
}