:root {
  --w-color-primary: #273946;
  --w-color-primary-200: #3b5f78;
  --w-color-secondary: #30a8aa;
  --w-color-secondary-50: #30a8aa;
  --w-color-secondary-400: #2a9496;
}

.dg-logo {
  display: inline-block;
  aspect-ratio: 328 / 420;
  -webkit-mask-image: url('../images/dg-logo.svg');
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-image: url('../images/dg-logo.svg');
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: currentColor;
}

.sidebar-custom-branding {
  margin: 0 !important;
}

.sidebar--slim .sidebar-custom-branding {
  padding: 0 !important;
}

.login-logo-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 1.5rem;
}

/* Víceřádková pole (textarea) jen pro čtení — např. Zpráva z kontaktního
   formuláře. Wagtail vypisuje hodnotu do <div>u, kde HTML zalomení řádků
   sežere; pre-wrap je zachová. Řešeno CSS, ne přepisem šablony
   `read_only_output.html`: ta je společná pro všechny read-only panely a
   `|linebreaksbr` by escapoval HTML, které do ní jiné panely posílají. */
.w-field__textoutput {
  white-space: pre-wrap;
}