/* Brass buttons */

.brass {
  min-width: 42px;
  padding: 5px 9px;
  font-family: var(--font-num);
  font-weight: 700;
  font-size: 14px;
  color: #3a2a0c;
  cursor: pointer;
  background: linear-gradient(#e7c872, #b98e32 55%, #a37a24);
  border: 1px solid #6e5316;
  border-radius: 5px;
  box-shadow: inset 0 1px 0 rgba(255, 245, 200, 0.7), 0 2px 3px rgba(0, 0, 0, 0.45);
}

.brass:hover { filter: brightness(1.08); }

.brass:active,
.brass[aria-pressed="true"] {
  background: linear-gradient(#a37a24, #c79d45);
  box-shadow: inset 0 2px 4px rgba(60, 40, 5, 0.6);
  transform: translateY(1px);
}

.brass:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 2px;
}

.brass--lang { margin-left: 6px; min-width: 38px; }
.brass--wide { margin-top: 12px; padding: 8px 18px; }