:root {
  --bg: #020605;
  --panel: #06110fe8;
  --panel2: #071310e8;
  --line: #1b4138;
  --line2: #348d6a;
  --text: #f1f8f5;
  --muted: #87a69d;
  --mint: #59f0b3;
  --green: #59f0b3;
  --cyan: #59f0b3;
}

.space {
  background:
    radial-gradient(circle at 50% -10%, #12382f 0, transparent 36%),
    radial-gradient(circle at 12% 45%, #0b2823 0, transparent 30%),
    linear-gradient(#020605, #06110f);
}

.space::after {
  background-image: radial-gradient(#59f0b3 1px, transparent 1px);
}

.card {
  box-shadow: 0 20px 60px #0008, inset 0 1px #59f0b30d;
}

.brandLockup {
  box-shadow: 0 0 30px #59f0b329;
}

button {
  background: #59f0b3;
}

button.secondary {
  border-color: #348d6a;
  background: #12382f;
  color: #59f0b3;
}

.badge,
.productNav span.active {
  border-color: #348d6a;
  background: #12382f;
  color: #59f0b3;
}

.template:hover,
.template.active {
  border-color: #59f0b3;
  background: #123129;
  box-shadow: inset 3px 0 #59f0b3, 0 0 20px #59f0b314;
}

.segmented button.active {
  border-color: #59f0b3;
  background: #59f0b3;
}

.sliderRow input[type="range"]::-webkit-slider-runnable-track {
  border-color: #348d6a;
  background: repeating-linear-gradient(90deg, #173a32 0, #173a32 5px, #06110f 6px, #06110f 9px);
}

.sliderRow input[type="range"]::-webkit-slider-thumb {
  border-color: #c0fff0;
  background: linear-gradient(90deg, #86ffe0, #348d6a);
  box-shadow: 0 0 15px #59f0b380;
}

.sliderRow input[type="range"]::-moz-range-track {
  border-color: #348d6a;
  background: #173a32;
}

.sliderRow input[type="range"]::-moz-range-thumb {
  border-color: #c0fff0;
  background: #59f0b3;
}

.sectionLabel,
.eyebrow,
.value,
.advancedToggle,
.lockedRow b {
  color: #59f0b3;
}

.okMessage {
  border-color: #348d6a;
  background: #0b2a22;
  color: #59f0b3;
}