@import (reference) "../variables/neptune-tokens.less";

.bg {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100%;
  background-position: bottom;

  &--dark {
    background-color: @color-navy-background-neutral;
    background-image: url("./styles/img/bg-dark.svg");

    .np-theme-personal & {
      background-color: var(--color-forest-green);
      background-image: none;
      color: #daffc0;
    }
  }

  &--light {
    background-color: var(--color-background-neutral);
    background-image: url("./styles/img/bg-light.svg");
  }
}