:root {
  --hf-app-bg-base: #06070b;
  --hf-app-bg-wash-red: rgba(232, 87, 44, 0.05);
  --hf-app-bg-wash-blue: rgba(62, 122, 220, 0.075);
  --hf-app-bg-wash-purple: rgba(62, 122, 220, 0);
}

body.hf-ui-shell.hf-ui-shell--portal,
body.hf-ui-shell.hf-ui-shell--blog-public,
body.hf-ui-shell.hf-ui-shell--admin:not(.hf-portal-auth),
body.hf-ui-shell.hf-ui-shell--entity:not(.hf-portal-auth),
body.hf-ui-shell.hf-ui-shell--partner:not(.hf-portal-auth),
body.hf-ui-shell.hf-ui-shell--recruiter:not(.hf-portal-auth),
body.hf-ui-shell.hf-portal-auth,
.hf-ui-shell.hf-portal-auth {
  background-color: var(--hf-app-bg-base);
  background-image:
    radial-gradient(ellipse 95% 60% at 14% 92%, var(--hf-app-bg-wash-red), transparent 58%),
    radial-gradient(ellipse 120% 65% at 86% 10%, var(--hf-app-bg-wash-blue), transparent 62%),
    radial-gradient(ellipse 80% 75% at 48% 42%, var(--hf-app-bg-wash-purple), transparent 54%),
    radial-gradient(ellipse 70% 45% at 72% 78%, var(--hf-app-bg-wash-blue), transparent 48%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-attachment: fixed;
}