/*
 * Statisk gradient der matcher shaderens udgangspunkt.
 *
 * Vises naar WebGL fejler, naar contexten mistes, eller naar brugeren har
 * prefers-reduced-motion slaaet til. Stop-positionerne svarer 1:1 til
 * DEFAULT_STOPS i gradient.js, saa de to skal aendres sammen.
 *
 * Kan bruges alene i sitets stylesheet, uden gradient.js overhovedet.
 */

.gradient-bg {
  background-color: #efeff1;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-image:
    /* spektret, langs samme akse som shaderen */
    linear-gradient(168deg,
      #93dbf9 0%,
      #3fa5fb 20%,
      #4b7cf2 28%,
      #5a5fee 40%,
      #9c86f0 53%,
      #dedaf2 66%,
      #efeff1 79%);
}

/* Canvas faar attributten naar renderen giver op. */
canvas[data-gradient-fallback] {
  background-color: #efeff1;
  background-image:
    linear-gradient(168deg,
      #93dbf9 0%,
      #3fa5fb 20%,
      #4b7cf2 28%,
      #5a5fee 40%,
      #9c86f0 53%,
      #dedaf2 66%,
      #efeff1 79%);
}