:root[data-theme="day"]:is([data-magic="1"]) {
  --highlight: #ffffffff;
  --primary: #ccccccff;
  --secondary: #ffffff80;
  --secondaryfull: #ffffffff;
  --tertiary: #808080ff;
}
[data-theme="day"]:is([data-magic="1"]) * {
  color: #e5e5e5;
}/*ColorlessDay*/
:root[data-theme="night"]:is([data-magic="1"]) {
  --highlight: #000000ff;
  --primary: #333333ff;
  --secondary: #00000080;
  --secondaryfull: #000000ff;
  --tertiary: #808080ff;
}/*ColorlessNight*/

:root[data-theme="day"]:is([data-magic="3"], [data-magic="5"], [data-magic="7"], [data-magic="9"]) {
  --highlight: #ff0000ff;
  --primary: #ff6666ff;
  --secondary: #ff999980;
  --secondaryfull: #ff9999ff;
  --tertiary: #990000ff;
}/*RedDay*/
:root[data-theme="night"]:is([data-magic="3"], [data-magic="5"], [data-magic="7"], [data-magic="9"]) {
  --highlight: #ff0000ff;
  --primary: #cc0000ff;
  --secondary: #99000080;
  --secondaryfull: #990000ff;
  --tertiary: #ff9999ff;
}/*RedNight*/

:root[data-theme="day"]:is([data-magic="2"], [data-magic="4"], [data-magic="6"], [data-magic="8"]) {
  --highlight: #0000ffff;
  --primary: #6666ffff;
  --secondary: #9999ff80;
  --secondaryfull: #9999ffff;
  --tertiary: #000099ff;
}/*BlueDay*/
:root[data-theme="night"]:is([data-magic="2"], [data-magic="4"], [data-magic="6"], [data-magic="8"]) {
  --highlight: #0000ffff;
  --primary: #0000ccff;
  --secondary: #00009980;
  --secondaryfull: #000099ff;
  --tertiary: #9999ffff;
}/*BlueNight*/

:root[data-theme="day"]:is([data-magic="27"]) {
  --highlight: #00ffc7ff;
  --primary: #75f0d4ff;
  --secondary: #e5fff980;
  --secondaryfull: #e5fff9ff;
  --tertiary: #cc0000ff;
}/*SoapDay*/
:root[data-theme="night"]:is([data-magic="27"]) {
  --highlight: #ff007cff;
  --primary: #850744ff;
  --secondary: #e51a7c80;
  --secondaryfull: #e51a7cff;
  --tertiary: #cc0000ff;
}/*SoapNight*/

:root[data-theme="day"]:is([data-magic="40"]) {
  --highlight: #ff00ffff;
  --primary: #00ffffff;
  --secondary: #ffff0080;
  --secondaryfull: #ffff00ff;
  --tertiary: #ff00ffff;
}
[data-theme="day"]:is([data-magic="40"]) * {
  color: #000000;
}/*AtomicDay*/
:root[data-theme="night"]:is([data-magic="40"]) {
  --highlight: #00ff00ff;
  --primary: #0000ffff;
  --secondary: #ff000080;
  --secondaryfull: #ff0000ff;
  --tertiary: #00ff00ff;
}/*AtomicNight*/

:root:is([data-theme="day"][data-magic="99"], [data-theme="night"][data-magic="99"]) {
  --highlight: hsl(var(--iridescent), 100%, 50%);
  --primary: hsl(var(--iridescent), 50%, 70%);
  --secondary: hsla(var(--iridescent), 30%, 50%, 0.5);
  --secondaryfull: hsl(var(--iridescent), 30%, 50%);
  --tertiary: hsl(var(--iridescent), 50%, 30%);
  animation: iridescent 60s linear infinite;
}/*HoloEither*/