@define-color jarvis_gold #F4B942;
@define-color jarvis_gold_bright #FFE09A;
@define-color jarvis_signal #4FD2FF;
@define-color jarvis_ink #0B0E14;
@define-color jarvis_slate #16191F;
@define-color accent_color @jarvis_gold;
@define-color accent_bg_color @jarvis_gold;
@define-color accent_fg_color @jarvis_slate;

.jarvis-brand-name {
  font-weight: 800;
  letter-spacing: 0.6px;
}

.jarvis-brand-tagline {
  font-size: 12px;
}

button.jarvis-swatch {
  min-width: 24px;
  min-height: 24px;
  padding: 0;
  border-radius: 999px;
  border: 1px solid alpha(#ffffff, 0.22);
}

button.jarvis-swatch-gold { background: #F4B942; }
button.jarvis-swatch-signal { background: #4FD2FF; }
button.jarvis-swatch-copper { background: #E07A3D; }
button.jarvis-swatch-jade { background: #3DDC97; }
button.jarvis-swatch-rose { background: #F071A8; }

button.jarvis-swatch:hover {
  border-color: alpha(#ffffff, 0.55);
}

button.jarvis-swatch:checked,
button.jarvis-swatch:active {
  box-shadow: 0 0 0 2px @jarvis_ink, 0 0 0 4px @jarvis_gold;
}