/* The brand is the Painel logo plus the system name in plain text: no wordmark, no
 * uppercase, no tracking. On wine (sidebar, mobile header) the white logo and
 * `.system-name`; on a light surface (login card, error page) the colour logo over
 * `.brand-stack-name`. The logo files are never recoloured or rebuilt in CSS. */
.system-name{
  font-size:var(--fs-md);
  font-weight:600;
  color:var(--on-brand-text-muted);
  white-space:nowrap;
}

/* Clear space around the logo is at least the height of its wine dot: --sp-3. */
.brand-stack{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:var(--sp-3);
  margin-bottom:var(--sp-2);
}
.brand-stack .logo{width:150px;height:auto;}
.brand-stack-name{
  font-size:var(--fs-xl);
  font-weight:700;
  color:var(--text-color);
}