/* Winston V3 — buttons. */

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-height: var(--tap-min);
  padding: 0 var(--space-5);
  border-radius: var(--radius-md);
  font-size: var(--type-sm);
  font-weight: var(--weight-semi);
  letter-spacing: var(--tracking-snug);
  border: 1px solid transparent;
  cursor: pointer;
  transition: background-color var(--motion-fast) var(--ease-out),
              border-color    var(--motion-fast) var(--ease-out);
}
.btn:hover { text-decoration: none; }
.btn:disabled { opacity: 0.5; cursor: not-allowed; }

.btn-primary {
  background: var(--ai);
  color: var(--ink-inverse);
  border-color: var(--ai);
}
.btn-primary:hover { background: var(--ai-2); border-color: var(--ai-2); }

.btn-secondary {
  background: var(--surface);
  color: var(--ink);
  border-color: var(--border-strong);
}
.btn-secondary:hover { background: var(--surface-hover); }

.btn-ghost {
  background: transparent;
  color: var(--ink-2);
}
.btn-ghost:hover { background: var(--surface-2); }

.btn-danger {
  background: var(--money-down);
  color: var(--ink-inverse);
  border-color: var(--money-down);
}
.btn-danger:hover { filter: brightness(0.95); }

.btn-mini { min-height: 32px; padding: 0 var(--space-3); font-size: var(--type-xs); }