:root {
  --primary-hue: 352.2;
  --primary-lightness-base: 74.1%;
  --primary-saturation: 75.8%;
  --gradient-multiplier: 1.25;
  --gradient-bottom-color: transparent;

  @media screen and (prefers-color-scheme: dark) {
    --gradient-multiplier: 0.25;
  }
}

body {
  height: 100vh;
  width: 100vw;
  background-position-y: bottom !important;
  background-position-x: right !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: var(--background-image);

  --background-image: url('/static/images/background.webp');
}

.cosmo-page {
  background: rgb(var(--white-base) var(--white-base) var(--white-base) / 90%);
}

.is--closed {
  display: none;
}