/* Customer-edition brand layer. Values are supplied by the instance config. */
:root {
  --accent: var(--client-accent, #f5c400);
  --accent-strong: var(--client-accent-strong, #c99a00);
  --accent-weak: var(--client-accent-weak, #fff5bf);
  --accent-weak-text: var(--client-accent-text, #604900);
}

html.adm-theme-dark {
  --accent: var(--client-accent, #f5c400);
  --accent-strong: var(--client-accent-strong, #c99a00);
  --accent-weak: #4a3c08;
  --accent-weak-text: #ffe477;
}

.adm-brand-mark,
.adm-nav > a.active .adm-nav-icon,
.profile-dot {
  background: var(--accent);
  color: #211b00;
}

.primary-btn,
.submit-btn,
.distribution-trigger,
.db-field-save,
.add-group-bottom {
  background: var(--accent);
  color: #211b00;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline-color: color-mix(in srgb, var(--accent) 42%, transparent);
}