.ds-btn {
  border: 1px solid transparent;
  border-radius: var(--ds-radius-md);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--ds-space-2);
  font-weight: 800;
  padding: 10px 16px;
  transition: background var(--ds-transition-normal), color var(--ds-transition-normal), border-color var(--ds-transition-normal);
}
.ds-btn-primary { background: var(--ds-color-primary); color: #fff; }
.ds-btn-secondary { background: var(--ds-color-accent); color: var(--ds-color-text); }
.ds-btn-outline { background: transparent; border-color: var(--ds-color-primary); color: var(--ds-color-primary); }
.ds-btn-danger { background: #b91c1c; color: #fff; }
.ds-btn-success { background: #15803d; color: #fff; }
.ds-btn-ghost { background: transparent; color: var(--ds-color-primary); }