/* Palette values are emitted from application/config/branding.php at the branded root. */
:root,
[data-brand-theme="ht"],
[data-brand-theme="liu"] {
  --liu-primary: var(--brand-primary);
  --liu-primary-dark: var(--brand-primary-dark);
  --liu-accent: var(--brand-accent);
  --liu-bg: var(--brand-background);
  --liu-ink: var(--brand-ink);
  --liu-blue: var(--brand-primary);
  --liu-blue-dark: var(--brand-primary-dark);
  --liu-gold: var(--brand-accent);
  --liu-text: var(--brand-ink);
}

.brand-logo-fallback {
  display: inline-block;
  max-width: 18rem;
  color: inherit;
  font-weight: 700;
  line-height: 1.15;
  white-space: normal;
}

.liu-logo.brand-logo-fallback,
.liu-brand-logo.brand-logo-fallback {
  width: auto;
  height: auto;
  min-height: 1.5rem;
  align-items: center;
  justify-content: center;
}

.liu-logo-badge .brand-logo-fallback {
  color: var(--brand-ink);
}

.liu-topbar .navbar-brand,
.liu-topbar .navbar-text,
.liu-topbar .nav-link {
  color: var(--brand-on-primary);
}

.brand-product-attribution {
  font-size: .72rem;
  line-height: 1.3;
  opacity: .72;
}

.brand-primary-surface {
  background: var(--brand-primary);
  color: var(--brand-on-primary);
}

.brand-primary-dark-surface {
  background: var(--brand-primary-dark);
  color: var(--brand-on-primary-dark);
}

.brand-accent-surface {
  background: var(--brand-accent);
  color: var(--brand-on-accent);
}

a.brand-link,
.brand-link {
  color: var(--brand-primary-dark);
}

a.brand-link:hover,
a.brand-link:focus,
.brand-link:hover,
.brand-link:focus {
  color: var(--brand-primary);
}