/*
opensource ooze color
https://s9a.page/ooze
https://s9a.org/ooze
*/

:root {
  --heat: rgb(250, 50, 150);
  --jupe: rgb(240, 180, 30);
  --volt: rgb(240, 230, 30);
  --lawn: rgb(90, 210, 90);
  --moss: rgb(120, 210, 210);
  --wind: rgb(150, 210, 240);
  --teal: rgb(111, 170, 210);
  --rain: rgb(111, 180, 270);
  --rose: mistyrose;
  --pour: rgb(90, 150, 240);
  --pulp: rgb(180, 90, 240);
  --plur: rgb(150, 108, 250);
  --pynk: rgb(210, 135, 250); 
  --punk: rgb(240, 155, 230);
  --pluw: plum;
  --kink: rgb(120, 100, 255);
  --ooze: rgb(210, 210, 210);
	--xxze: rgb(30, 10, 20);
	--oooo: var(--ooze);
	--xxxx: var(--xxze);
}

.ooze.ooze {
  --oooo: var(--ooze);
  --xxxx: var(--xxze);
  background-color: var(--ooze);
  color: var(--xxze);
}

.xxze.xxze {
  --oooo: var(--xxze);
  --xxxx: var(--ooze);
  background-color: var(--xxze);
  color: var(--ooze);
}

::selection {
	background: var(--xxxx);
  color: var(--oooo);
}

.heat { --ooze: var(--heat) }
.jupe { --ooze: var(--jupe) }
.volt { --ooze: var(--volt) }
.lawn { --ooze: var(--lawn) }
.moss { --ooze: var(--moss) }
.wind { --ooze: var(--wind) }
.teal { --ooze: var(--teal) }
.rain { --ooze: var(--rain) }
.rose { --ooze: var(--rose) }
.pour { --ooze: var(--pour) }
.plur { --ooze: var(--plur) }
.pulp { --ooze: var(--pulp) }
.pynk { --ooze: var(--pynk) }
.punk { --ooze: var(--punk) }
.pluw { --ooze: var(--pluw) }
.kink { --ooze: var(--kink) }

.spectra {
  background-image: linear-gradient(
    .3turn,
    var(--kink),
    var(--lawn),
    var(--pulp),
    var(--pynk),
    var(--punk),
    var(--pluw),
    var(--pour)
  );
}