:root {
  --blue: #119b68;
  --accent: #119b68;
  --cyan: #25b982;
  --green: #119b68;
}

.login > section {
  background: radial-gradient(circle at 91% 0, rgba(17, 155, 104, .3), transparent 30%), var(--ink);
}

.mount,
.card a,
.receipt-btn { color: #087a51; }

.login button,
.outline,
#copyClientEncoder,
.client-autodj-state button,
.client-autodj-settings button.primary,
.client-autodj-track button.primary {
  border-color: #119b68 !important;
  background: #119b68 !important;
  color: #fff !important;
}

.login button:hover,
.outline:hover,
#copyClientEncoder:hover,
.client-autodj-state button:hover,
.client-autodj-settings button.primary:hover,
.client-autodj-track button.primary:hover {
  border-color: #087a51 !important;
  background: #087a51 !important;
}

.login input:focus,
.analytics-controls select:focus,
.connection-grid input:focus,
.credential-row input:focus,
.encoder-password input:focus {
  box-shadow: 0 0 0 3px rgba(17, 155, 104, .15) !important;
}

.encoder-signal-icon,
.client-autodj-icon { border-color: #a8ddc9; background: #e3f5ed; }
.encoder-password { border-color: #a8ddc9; background: #f1fbf7; }
.encoder-password button { background: #d8f1e6; color: #087a51; }
#copyClientEncoder { box-shadow: 0 8px 20px rgba(17, 155, 104, .22); }
.client-autodj-hero { background: radial-gradient(circle at 12% 0, rgba(17, 155, 104, .11), transparent 30%), #fffdf8; }
.client-autodj-state button:hover { background: #087a51; }
.client-autodj-full .full-clock-times span,
#clientAutoDjFull #fullSaveClocks,
#clientAutoDjFull #fullSaveClockTimes,
#clientAutoDjFull .full-item > b,
#clientAutoDjFull .full-primary,
.change-password-dialog #savePasswordBtn {
  border-color: #119b68 !important;
  background: #119b68 !important;
}
#clientAutoDjFull #fullSaveClocks { box-shadow: 0 8px 18px rgba(17, 155, 104, .24); }
.full-voice-dialog .full-voice-duck input[type="range"] { accent-color: #119b68; }