/* Generated by cmd/gentheme from internal/mods/theme_palette.go, so do not edit it by hand.
   Regenerate it with `go generate ./internal/mods` after changing a theme. */

.hlp-theme--crimson {
  --mp-bg: hsl(6, 8%, 3.5%);
  --mp-surface: hsl(6, 24%, 7.5%);
  --mp-surface2: hsl(6, 24%, 9.5%);
  --mp-band: hsl(6, 22%, 6%);
  --mp-border: hsl(6, 24%, 14%);
  --mp-cta: hsl(6, 63%, 46.1%);
  --mp-cta-text: hsl(0, 0%, 100%);
  --mp-accent: hsl(6, 63%, 68%);
  --mp-accent2: hsl(31, 63%, 54%);
  --mp-pale: hsl(6, 90%, 86%);
  --mp-text: hsl(6, 14%, 95%);
  --mp-text-soft: hsl(6, 14%, 84%);
  --mp-text-soft2: hsl(6, 14%, 89%);
  --mp-copy: hsl(6, 12%, 74%);
  --mp-muted: hsl(6, 8%, 60%);
  --mp-scene: radial-gradient(1px 1px at 12% 22%, #fff, transparent),radial-gradient(1px 1px at 33% 61%, #fff, transparent),radial-gradient(1.5px 1.5px at 58% 14%, #fff, transparent),radial-gradient(1px 1px at 81% 72%, #fff, transparent),radial-gradient(1px 1px at 91% 18%, #fff, transparent),radial-gradient(1.5px 1.5px at 44% 83%, #fff, transparent),radial-gradient(ellipse at 18% 85%, hsla(6, 60%, 38%, 0.55), transparent 55%),radial-gradient(ellipse at 85% 10%, hsla(31, 70%, 45%, 0.28), transparent 50%),linear-gradient(165deg, hsl(6, 55%, 6.5%) 0%, hsl(6, 48%, 11%) 48%, hsl(6, 45%, 4%) 100%);
}
.hlp-swatch--crimson {
  background-color: #c0392b;
}

.hlp-theme--ember {
  --mp-bg: hsl(16, 13%, 3.5%);
  --mp-surface: hsl(16, 38%, 7.5%);
  --mp-surface2: hsl(16, 38%, 9.5%);
  --mp-band: hsl(16, 34%, 6%);
  --mp-border: hsl(16, 38%, 14%);
  --mp-cta: hsl(16, 100%, 50%);
  --mp-cta-text: hsl(16, 20%, 4%);
  --mp-accent: hsl(16, 100%, 62%);
  --mp-accent2: hsl(41, 100%, 50%);
  --mp-pale: hsl(16, 90%, 86%);
  --mp-text: hsl(16, 23%, 95%);
  --mp-text-soft: hsl(16, 23%, 84%);
  --mp-text-soft2: hsl(16, 23%, 89%);
  --mp-copy: hsl(16, 19%, 74%);
  --mp-muted: hsl(16, 13%, 60%);
  --mp-scene: radial-gradient(1px 1px at 12% 22%, #fff, transparent),radial-gradient(1px 1px at 33% 61%, #fff, transparent),radial-gradient(1.5px 1.5px at 58% 14%, #fff, transparent),radial-gradient(1px 1px at 81% 72%, #fff, transparent),radial-gradient(1px 1px at 91% 18%, #fff, transparent),radial-gradient(1.5px 1.5px at 44% 83%, #fff, transparent),radial-gradient(ellipse at 18% 85%, hsla(16, 60%, 38%, 0.55), transparent 55%),radial-gradient(ellipse at 85% 10%, hsla(41, 70%, 45%, 0.28), transparent 50%),linear-gradient(165deg, hsl(16, 55%, 6.5%) 0%, hsl(16, 48%, 11%) 48%, hsl(16, 45%, 4%) 100%);
}
.hlp-swatch--ember {
  background-color: #ff4500;
}

.hlp-theme--amber {
  --mp-bg: hsl(43, 11%, 3.5%);
  --mp-surface: hsl(43, 31%, 7.5%);
  --mp-surface2: hsl(43, 31%, 9.5%);
  --mp-band: hsl(43, 28%, 6%);
  --mp-border: hsl(43, 31%, 14%);
  --mp-cta: hsl(43, 80%, 46.1%);
  --mp-cta-text: hsl(43, 20%, 4%);
  --mp-accent: hsl(43, 80%, 46.1%);
  --mp-accent2: hsl(18, 80%, 64%);
  --mp-pale: hsl(43, 90%, 86%);
  --mp-text: hsl(43, 19%, 95%);
  --mp-text-soft: hsl(43, 19%, 84%);
  --mp-text-soft2: hsl(43, 19%, 89%);
  --mp-copy: hsl(43, 16%, 74%);
  --mp-muted: hsl(43, 11%, 60%);
  --mp-scene: radial-gradient(1px 1px at 12% 22%, #fff, transparent),radial-gradient(1px 1px at 33% 61%, #fff, transparent),radial-gradient(1.5px 1.5px at 58% 14%, #fff, transparent),radial-gradient(1px 1px at 81% 72%, #fff, transparent),radial-gradient(1px 1px at 91% 18%, #fff, transparent),radial-gradient(1.5px 1.5px at 44% 83%, #fff, transparent),radial-gradient(ellipse at 18% 85%, hsla(43, 60%, 38%, 0.55), transparent 55%),radial-gradient(ellipse at 85% 10%, hsla(68, 70%, 45%, 0.28), transparent 50%),linear-gradient(165deg, hsl(43, 55%, 6.5%) 0%, hsl(43, 48%, 11%) 48%, hsl(43, 45%, 4%) 100%);
}
.hlp-swatch--amber {
  background-color: #d4a017;
}

.hlp-theme--toxic {
  --mp-bg: hsl(135, 6%, 3.5%);
  --mp-surface: hsl(135, 18%, 7.5%);
  --mp-surface2: hsl(135, 18%, 9.5%);
  --mp-band: hsl(135, 16%, 6%);
  --mp-border: hsl(135, 18%, 14%);
  --mp-cta: hsl(135, 47%, 46.5%);
  --mp-cta-text: hsl(135, 20%, 4%);
  --mp-accent: hsl(135, 47%, 48%);
  --mp-accent2: hsl(160, 47%, 48%);
  --mp-pale: hsl(135, 90%, 86%);
  --mp-text: hsl(135, 11%, 95%);
  --mp-text-soft: hsl(135, 11%, 84%);
  --mp-text-soft2: hsl(135, 11%, 89%);
  --mp-copy: hsl(135, 9%, 74%);
  --mp-muted: hsl(135, 6%, 60%);
  --mp-scene: radial-gradient(1px 1px at 12% 22%, #fff, transparent),radial-gradient(1px 1px at 33% 61%, #fff, transparent),radial-gradient(1.5px 1.5px at 58% 14%, #fff, transparent),radial-gradient(1px 1px at 81% 72%, #fff, transparent),radial-gradient(1px 1px at 91% 18%, #fff, transparent),radial-gradient(1.5px 1.5px at 44% 83%, #fff, transparent),radial-gradient(ellipse at 18% 85%, hsla(135, 60%, 38%, 0.55), transparent 55%),radial-gradient(ellipse at 85% 10%, hsla(160, 70%, 45%, 0.28), transparent 50%),linear-gradient(165deg, hsl(135, 55%, 6.5%) 0%, hsl(135, 48%, 11%) 48%, hsl(135, 45%, 4%) 100%);
}
.hlp-swatch--toxic {
  background-color: #3fae5a;
}

.hlp-theme--teal {
  --mp-bg: hsl(173, 11%, 3.5%);
  --mp-surface: hsl(173, 31%, 7.5%);
  --mp-surface2: hsl(173, 31%, 9.5%);
  --mp-band: hsl(173, 28%, 6%);
  --mp-border: hsl(173, 31%, 14%);
  --mp-cta: hsl(173, 80%, 42%);
  --mp-cta-text: hsl(173, 20%, 4%);
  --mp-accent: hsl(173, 80%, 42%);
  --mp-accent2: hsl(198, 80%, 53%);
  --mp-pale: hsl(173, 90%, 86%);
  --mp-text: hsl(173, 19%, 95%);
  --mp-text-soft: hsl(173, 19%, 84%);
  --mp-text-soft2: hsl(173, 19%, 89%);
  --mp-copy: hsl(173, 16%, 74%);
  --mp-muted: hsl(173, 11%, 60%);
  --mp-scene: radial-gradient(1px 1px at 12% 22%, #fff, transparent),radial-gradient(1px 1px at 33% 61%, #fff, transparent),radial-gradient(1.5px 1.5px at 58% 14%, #fff, transparent),radial-gradient(1px 1px at 81% 72%, #fff, transparent),radial-gradient(1px 1px at 91% 18%, #fff, transparent),radial-gradient(1.5px 1.5px at 44% 83%, #fff, transparent),radial-gradient(ellipse at 18% 85%, hsla(173, 60%, 38%, 0.55), transparent 55%),radial-gradient(ellipse at 85% 10%, hsla(198, 70%, 45%, 0.28), transparent 50%),linear-gradient(165deg, hsl(173, 55%, 6.5%) 0%, hsl(173, 48%, 11%) 48%, hsl(173, 45%, 4%) 100%);
}
.hlp-swatch--teal {
  background-color: #14b8a6;
}

.hlp-theme--ice {
  --mp-bg: hsl(202, 9%, 3.5%);
  --mp-surface: hsl(202, 27%, 7.5%);
  --mp-surface2: hsl(202, 27%, 9.5%);
  --mp-band: hsl(202, 24%, 6%);
  --mp-border: hsl(202, 27%, 14%);
  --mp-cta: hsl(202, 71%, 51.8%);
  --mp-cta-text: hsl(202, 20%, 4%);
  --mp-accent: hsl(202, 71%, 57%);
  --mp-accent2: hsl(227, 71%, 72%);
  --mp-pale: hsl(202, 90%, 86%);
  --mp-text: hsl(202, 16%, 95%);
  --mp-text-soft: hsl(202, 16%, 84%);
  --mp-text-soft2: hsl(202, 16%, 89%);
  --mp-copy: hsl(202, 14%, 74%);
  --mp-muted: hsl(202, 9%, 60%);
  --mp-scene: radial-gradient(1px 1px at 12% 22%, #fff, transparent),radial-gradient(1px 1px at 33% 61%, #fff, transparent),radial-gradient(1.5px 1.5px at 58% 14%, #fff, transparent),radial-gradient(1px 1px at 81% 72%, #fff, transparent),radial-gradient(1px 1px at 91% 18%, #fff, transparent),radial-gradient(1.5px 1.5px at 44% 83%, #fff, transparent),radial-gradient(ellipse at 18% 85%, hsla(202, 60%, 38%, 0.55), transparent 55%),radial-gradient(ellipse at 85% 10%, hsla(227, 70%, 45%, 0.28), transparent 50%),linear-gradient(165deg, hsl(202, 55%, 6.5%) 0%, hsl(202, 48%, 11%) 48%, hsl(202, 45%, 4%) 100%);
}
.hlp-swatch--ice {
  background-color: #2d9cdb;
}

.hlp-theme--navy {
  --mp-bg: hsl(224, 9%, 3.5%);
  --mp-surface: hsl(224, 25%, 7.5%);
  --mp-surface2: hsl(224, 25%, 9.5%);
  --mp-band: hsl(224, 23%, 6%);
  --mp-border: hsl(224, 25%, 14%);
  --mp-cta: hsl(224, 65%, 50.6%);
  --mp-cta-text: hsl(0, 0%, 100%);
  --mp-accent: hsl(224, 65%, 70%);
  --mp-accent2: hsl(249, 65%, 74%);
  --mp-pale: hsl(224, 90%, 86%);
  --mp-text: hsl(224, 15%, 95%);
  --mp-text-soft: hsl(224, 15%, 84%);
  --mp-text-soft2: hsl(224, 15%, 89%);
  --mp-copy: hsl(224, 13%, 74%);
  --mp-muted: hsl(224, 9%, 60%);
  --mp-scene: radial-gradient(1px 1px at 12% 22%, #fff, transparent),radial-gradient(1px 1px at 33% 61%, #fff, transparent),radial-gradient(1.5px 1.5px at 58% 14%, #fff, transparent),radial-gradient(1px 1px at 81% 72%, #fff, transparent),radial-gradient(1px 1px at 91% 18%, #fff, transparent),radial-gradient(1.5px 1.5px at 44% 83%, #fff, transparent),radial-gradient(ellipse at 18% 85%, hsla(224, 60%, 38%, 0.55), transparent 55%),radial-gradient(ellipse at 85% 10%, hsla(249, 70%, 45%, 0.28), transparent 50%),linear-gradient(165deg, hsl(224, 55%, 6.5%) 0%, hsl(224, 48%, 11%) 48%, hsl(224, 45%, 4%) 100%);
}
.hlp-swatch--navy {
  background-color: #2f5bd3;
}

.hlp-theme--amethyst {
  --mp-bg: hsl(272, 8%, 3.5%);
  --mp-surface: hsl(272, 23%, 7.5%);
  --mp-surface2: hsl(272, 23%, 9.5%);
  --mp-band: hsl(272, 21%, 6%);
  --mp-border: hsl(272, 23%, 14%);
  --mp-cta: hsl(272, 60%, 61%);
  --mp-cta-text: hsl(272, 20%, 4%);
  --mp-accent: hsl(272, 60%, 71%);
  --mp-accent2: hsl(297, 60%, 67%);
  --mp-pale: hsl(272, 90%, 86%);
  --mp-text: hsl(272, 14%, 95%);
  --mp-text-soft: hsl(272, 14%, 84%);
  --mp-text-soft2: hsl(272, 14%, 89%);
  --mp-copy: hsl(272, 12%, 74%);
  --mp-muted: hsl(272, 8%, 60%);
  --mp-scene: radial-gradient(1px 1px at 12% 22%, #fff, transparent),radial-gradient(1px 1px at 33% 61%, #fff, transparent),radial-gradient(1.5px 1.5px at 58% 14%, #fff, transparent),radial-gradient(1px 1px at 81% 72%, #fff, transparent),radial-gradient(1px 1px at 91% 18%, #fff, transparent),radial-gradient(1.5px 1.5px at 44% 83%, #fff, transparent),radial-gradient(ellipse at 18% 85%, hsla(272, 60%, 38%, 0.55), transparent 55%),radial-gradient(ellipse at 85% 10%, hsla(297, 70%, 45%, 0.28), transparent 50%),linear-gradient(165deg, hsl(272, 55%, 6.5%) 0%, hsl(272, 48%, 11%) 48%, hsl(272, 45%, 4%) 100%);
}
.hlp-swatch--amethyst {
  background-color: #9b59d6;
}

.hlp-theme--rose {
  --mp-bg: hsl(339, 9%, 3.5%);
  --mp-surface: hsl(339, 27%, 7.5%);
  --mp-surface2: hsl(339, 27%, 9.5%);
  --mp-band: hsl(339, 24%, 6%);
  --mp-border: hsl(339, 27%, 14%);
  --mp-cta: hsl(339, 71%, 57.5%);
  --mp-cta-text: hsl(339, 20%, 4%);
  --mp-accent: hsl(339, 71%, 69%);
  --mp-accent2: hsl(4, 71%, 68%);
  --mp-pale: hsl(339, 90%, 86%);
  --mp-text: hsl(339, 16%, 95%);
  --mp-text-soft: hsl(339, 16%, 84%);
  --mp-text-soft2: hsl(339, 16%, 89%);
  --mp-copy: hsl(339, 14%, 74%);
  --mp-muted: hsl(339, 9%, 60%);
  --mp-scene: radial-gradient(1px 1px at 12% 22%, #fff, transparent),radial-gradient(1px 1px at 33% 61%, #fff, transparent),radial-gradient(1.5px 1.5px at 58% 14%, #fff, transparent),radial-gradient(1px 1px at 81% 72%, #fff, transparent),radial-gradient(1px 1px at 91% 18%, #fff, transparent),radial-gradient(1.5px 1.5px at 44% 83%, #fff, transparent),radial-gradient(ellipse at 18% 85%, hsla(339, 60%, 38%, 0.55), transparent 55%),radial-gradient(ellipse at 85% 10%, hsla(4, 70%, 45%, 0.28), transparent 50%),linear-gradient(165deg, hsl(339, 55%, 6.5%) 0%, hsl(339, 48%, 11%) 48%, hsl(339, 45%, 4%) 100%);
}
.hlp-swatch--rose {
  background-color: #e0457b;
}

.hlp-theme--steel {
  --mp-bg: hsl(218, 2%, 3.5%);
  --mp-surface: hsl(218, 7%, 7.5%);
  --mp-surface2: hsl(218, 7%, 9.5%);
  --mp-band: hsl(218, 6%, 6%);
  --mp-border: hsl(218, 7%, 14%);
  --mp-cta: hsl(218, 20%, 56.5%);
  --mp-cta-text: hsl(218, 20%, 4%);
  --mp-accent: hsl(218, 20%, 64%);
  --mp-accent2: hsl(243, 20%, 67%);
  --mp-pale: hsl(218, 90%, 86%);
  --mp-text: hsl(218, 4%, 95%);
  --mp-text-soft: hsl(218, 4%, 84%);
  --mp-text-soft2: hsl(218, 4%, 89%);
  --mp-copy: hsl(218, 4%, 74%);
  --mp-muted: hsl(218, 2%, 60%);
  --mp-scene: radial-gradient(1px 1px at 12% 22%, #fff, transparent),radial-gradient(1px 1px at 33% 61%, #fff, transparent),radial-gradient(1.5px 1.5px at 58% 14%, #fff, transparent),radial-gradient(1px 1px at 81% 72%, #fff, transparent),radial-gradient(1px 1px at 91% 18%, #fff, transparent),radial-gradient(1.5px 1.5px at 44% 83%, #fff, transparent),radial-gradient(ellipse at 18% 85%, hsla(218, 60%, 38%, 0.55), transparent 55%),radial-gradient(ellipse at 85% 10%, hsla(243, 70%, 45%, 0.28), transparent 50%),linear-gradient(165deg, hsl(218, 55%, 6.5%) 0%, hsl(218, 48%, 11%) 48%, hsl(218, 45%, 4%) 100%);
}
.hlp-swatch--steel {
  background-color: #7d8ba3;
}

.hlp-theme--ghost {
  --mp-bg: hsl(0, 1%, 3.5%);
  --mp-surface: hsl(0, 3%, 7.5%);
  --mp-surface2: hsl(0, 3%, 9.5%);
  --mp-band: hsl(0, 3%, 6%);
  --mp-border: hsl(0, 3%, 14%);
  --mp-cta: hsl(0, 0%, 60%);
  --mp-cta-text: hsl(0, 20%, 4%);
  --mp-accent: hsl(0, 0%, 62%);
  --mp-accent2: hsl(25, 0%, 62%);
  --mp-pale: hsl(0, 7%, 86%);
  --mp-text: hsl(0, 2%, 95%);
  --mp-text-soft: hsl(0, 2%, 84%);
  --mp-text-soft2: hsl(0, 2%, 89%);
  --mp-copy: hsl(0, 2%, 74%);
  --mp-muted: hsl(0, 1%, 60%);
  --mp-scene: radial-gradient(1px 1px at 12% 22%, #fff, transparent),radial-gradient(1px 1px at 33% 61%, #fff, transparent),radial-gradient(1.5px 1.5px at 58% 14%, #fff, transparent),radial-gradient(1px 1px at 81% 72%, #fff, transparent),radial-gradient(1px 1px at 91% 18%, #fff, transparent),radial-gradient(1.5px 1.5px at 44% 83%, #fff, transparent),radial-gradient(ellipse at 18% 85%, hsla(0, 5%, 38%, 0.55), transparent 55%),radial-gradient(ellipse at 85% 10%, hsla(25, 6%, 45%, 0.28), transparent 50%),linear-gradient(165deg, hsl(0, 4%, 6.5%) 0%, hsl(0, 4%, 11%) 48%, hsl(0, 4%, 4%) 100%);
}
.hlp-swatch--ghost {
  background-color: #9a9a9a;
}