/* Background image from Branding. The veil is the page colour laid over the picture so text stays readable. */
:root { --brand-bg: url("/brand/background?v=48"); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --brand-bg: url("/brand/background-dark?v=48"); } }
:root[data-theme="dark"] { --brand-bg: url("/brand/background-dark?v=48"); }
html body {
  background-color: var(--bg) !important;
  background-image: linear-gradient(color-mix(in srgb, var(--bg) 60%, transparent), color-mix(in srgb, var(--bg) 60%, transparent)), var(--brand-bg) !important;
  background-size: auto, cover !important;
  background-repeat: no-repeat, no-repeat !important;
  background-position: center, center !important;
  background-attachment: fixed !important;
  min-height: 100vh;
}