body.steam-blueprint-page {
  --bp-ink: #fff8e8;
  --bp-muted: rgba(255, 248, 232, 0.72);
  --bp-blue: #cbb36c;
  --bp-dark: #050505;
  background: #050505;
  color: var(--bp-ink);
}

.steam-blueprint-footer {
  border-top: 1px solid rgba(255, 248, 232, 0.16);
  background: #09090a;
  color: var(--bp-muted);
}

.steam-blueprint-footer a {
  color: var(--bp-ink);
}

.back-to-top {
  background: #cbb36c;
  color: #222 !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.32), inset 1px 1px 0 rgba(255, 248, 232, 0.28) !important;
}

.back-to-top:focus-visible {
  outline-color: rgba(203, 179, 108, 0.62);
}

.steam-template-family .steam-blueprint-menu-toggle {
  border-color: rgba(0, 0, 0, 0.1);
  background: rgba(203, 179, 108, 0.7);
  color: #000;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(15px) saturate(140%);
}

.steam-template-family .steam-blueprint-menu-toggle i {
  background: #000;
}

.steam-template-family .steam-blueprint-menu-toggle i::before,
.steam-template-family .steam-blueprint-menu-toggle i::after {
  background: #cbb36c;
}

@media (max-width: 767px) {
  body.steam-blueprint-page.steam-home-v3 {
    background: #050505;
    color: var(--bp-ink);
  }

  .back-to-top {
    display: none;
  }
}