/* buttons.css - 按钮(文档02 3.5.1) */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--space-xs);
  height: 44px; padding: 0 16px;
  font-size: var(--font-size-subtitle); font-weight: var(--font-weight-medium);
  border: none; border-radius: var(--radius-lg);
  cursor: pointer; transition: opacity .2s;
}
.btn:active { opacity: .8; }
.btn-block { display: flex; width: 100%; }
.btn-primary   { background: var(--color-primary);  color: var(--color-text-inverse); }
.btn-secondary { background: var(--color-secondary); color: var(--color-text-inverse); }
.btn-danger    { background: var(--color-danger);   color: var(--color-text-inverse); }
.btn-outline   { background: transparent; color: var(--color-primary); border: 1px solid var(--color-primary); }
.btn-ghost     { background: var(--color-primary-bg); color: var(--color-primary); }
.btn-disabled  { background: var(--color-text-disabled); color: var(--color-text-inverse); pointer-events: none; }
.btn-sm { height: 32px; padding: 0 12px; font-size: var(--font-size-body); }
.btn-lg { height: 50px; font-size: var(--font-size-title); }
.btn[disabled] { opacity: .6; pointer-events: none; }