:root {
  --ab-charcoal: #202830;
  --ab-teal: #218789;
  --ab-teal-lightest: #CBF1F1;
  --ab-teal-light: #63B8B8;
  --ab-teal-dark: #035D5D;
  --ab-teal-darkest: #002E2E;
  --ab-orange: #E48537;
  --ab-indigo: #315099;
  --ab-green: #2CB72C;
  --ab-red: #E43737;
  --ab-yellow: #E4AB37;
  --ab-purple: #712B98;
  --ab-lime: #E4E437;
  --ab-gray: #686868;
  --ab-gray-light: #AEAEAE;
  --ab-gray-dark: #2F2F2F;
  --ab-max-form: 760px;
}
.auth-shell { max-width: 460px; margin: 7vh auto; }
.form-narrow { max-width: var(--ab-max-form); }
.code-id { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: .875em; }
.table td, .table th { vertical-align: middle; }
.status-dot { width:.5rem; height:.5rem; border-radius:50%; display:inline-block; margin-right:.35rem; background:currentColor; }
.empty-state { padding: 3rem 1rem; text-align:center; color:var(--ab-gray); }
.audiencebadger-brand { color: var(--ab-charcoal) !important; letter-spacing: -.02em; }
.btn-primary { background-color: var(--ab-teal); border-color: var(--ab-teal); }
.btn-primary:hover, .btn-primary:focus { background-color: var(--ab-teal-dark); border-color: var(--ab-teal-dark); }
a:not(.btn):not(.dropdown-item):not(.nav-link) { color: var(--ab-teal-dark); }