:root {
  --brand-guideline-purple: #29154D;
  --brand-guideline-teal: #1B8F86;
  --brand-icon-color: var(--brand-guideline-purple);
  --brand-wordmark-color: var(--brand-guideline-purple);
  --brand-ai-color: var(--primary-color, var(--brand-guideline-teal));
  --brand-eye-color: #FFFFFF;
}

.brand-icon-svg {
  display: block;
  flex: 0 0 auto;
  color: var(--brand-icon-color);
  overflow: visible;
}

.brand-logo-img.brand-icon-svg {
  width: 2.1rem;
  height: 2.1rem;
}

.brand-wordmark-shell {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  color: var(--brand-wordmark-color);
}

.brand-wordmark-svg {
  display: block;
  width: auto;
  height: 1em;
  overflow: visible;
}

.nav-shell,
.footer {
  --brand-icon-color: #FFFFFF;
  --brand-wordmark-color: #FFFFFF;
  --brand-eye-color: #0f1117;
}

body.auth-page {
  --brand-icon-color: #FFFFFF;
  --brand-wordmark-color: #FFFFFF;
}

html[data-theme="light"] body.auth-page {
  --brand-icon-color: var(--brand-guideline-purple);
  --brand-wordmark-color: #172033;
  --brand-ai-color: #7c3aed;
}

html[data-theme="light"] body.auth-page .nav-shell,
html[data-theme="light"] body.auth-page .brand {
  --brand-icon-color: var(--brand-guideline-purple);
  --brand-wordmark-color: #172033;
  --brand-ai-color: #7c3aed;
}

html[data-theme="high-contrast"] body.auth-page {
  --brand-icon-color: #FFFFFF;
  --brand-wordmark-color: #FFFFFF;
}

.topbar[data-theme="light"],
.sidebar[data-theme="light"] {
  --brand-icon-color: var(--brand-guideline-purple);
}

.topbar[data-theme="dark"] {
  --brand-eye-color: #0f1117;
}

.sidebar[data-theme="dark"] {
  --brand-eye-color: #13141a;
}

.topbar[data-theme="high-contrast"],
.sidebar[data-theme="high-contrast"] {
  --brand-eye-color: #000000;
}

.topbar[data-theme="dark"],
.sidebar[data-theme="dark"],
.topbar[data-theme="high-contrast"],
.sidebar[data-theme="high-contrast"] {
  --brand-icon-color: #FFFFFF;
}

.unknown-platypus-logo {
  --brand-icon-color: #FFFFFF;
}
